安装步骤:

1. Node.js,下载地址:https://nodejs.org/en/

2. Git 下载地址:https://git-scm.com/download/

3. Python (需为2.5至3.0之间的版本)下载地址 :https://www.python.org/downloads/

4. 在命令行下,运行npm install node-gyp -g 命令。(需要连网)

5. 获取Angular phonecat ,在git bash中输入:git clone --depth=14 https://github.com/angular/angular-phonecat.git

  参考链接http://www.tuicool.com/articles/bm2mma

6. cmd中进入phonecat目录,npm install 安装,然后 npm app.js install 初始化程序,后npm start 启动phonecat

需要配置环境变量

系统变量:

Python / NodeJS /Git安装路径

path中添加

D:\Program Files (x86)\nodejs\;

D:\Program Files (x86)\Git\bin;

D:\Program Files (x86)\python;

安装cordova模拟安卓环境

1. 安装 jdk

2. 安装nodejs后,参考 http://cordova.apache.org/#getstarted

3. 安装 android-sdk

path中添加

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

系统环境变量中,新建

JAVA_HOME = D:\Program Files\Java\jdk1.7.0_60

classpath = .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

ANDROID_HOME = D:\android-sdk-windows

ANDROID_SDK_HOME = E:\AndroidAVD //更改Andorid测试模板创建路径,此文件夹需存在

-----------------------2016-5-11----------------------------------------------------------------------------------------------

公司项目要把angularjs和ionic都升级版本,升级的时候悲催了,得先从node.js开始升级……

1. node.js升级,官网下载最新版本,安装

2. npm 升级 npm update npm

3. 安装Python

4. 安装Microsoft VS 2010或2012

npm在1.3.15版本以前node-gyp 在编译时会调用VCBuild.exe,在vs2012下是找不到的VCBuild.exe, vs2012及以后版本是msbuild.exe作为编译器。
解决:
将npm 的 msvs的编译器设置为vs2012
cmd执行:
npm config set msvs_version 2012 --global

5. 安装node-gyp

6. 安装新版本cordova :npm install -g cordova

7. 报错提示npm rebuild node-sass

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to build the binding for your current environment.
at Object.<anonymous> (E:\appWorkspace\futurecv-mobile\node_modules\node-sass\lib\index.js:14:11)
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)
at Module.load (module.js:357:32)
at Function.Module._load (module.js:314:12)
at Module.require (module.js:367:17)
at require (internal/module.js:16:19)
at Object.<anonymous> (E:\appWorkspace\futurecv-mobile\node_modules\gulp-sass\index.js:187:21)
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)

报错:Error: %1 is not a valid Win32 application

最后还是报一堆的错,然后删掉了项目目录下的node_modules文件夹,从http://npm.taobao.org/淘宝镜像下载

nodejs安装目录下:

npm install -g cnpm --registry=https://registry.npm.taobao.org

进入项目目录后:

cnpm install

总算搞定!

AngularJS开发相关配置的更多相关文章

  1. Andorid Studio 模块化开发相关配置

    Andorid Studio 模块化开发相关配置 下面以宿主APP模块和Uer_Module模块为例: 第一步:在项目根目录gradle.properties配置文件中添加如下代码 isNeedUse ...

  2. Android Studio开发环境配置以及相关说明

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 这里简单记录下在开发的时候使用的Android Studio开发环境版本以及相关注意事项. 一般来讲,每隔一段时间就要检查下Andr ...

  3. AngularJS + CoffeeScript 前端开发环境配置详解

    AngularJS 号称 '第一框架' ('The first framework') 确实是名不虚传.由其从jQuery中完全转入AngularJS后就有无法离开他的感觉了.虽然AngularJS的 ...

  4. 【Windows10 IoT开发系列】PowerShell的相关配置

    原文:[Windows10 IoT开发系列]PowerShell的相关配置 可使用 Windows PowerShell 远程配置和管理任何 Windows 10 IoT 核心版设备.PowerShe ...

  5. PHP面试 PHP基础知识 十一(开发环境及相关配置)

    开发环境及相关配置 版本控制软件 集中式和分布式 集中式:集中式版本控制工具,版本库集中存放在中央服务器,团队成员里的每个人工作时从中央服务器下载代码,个人修改后再提交到中央服务器 分布式:分布式版本 ...

  6. AngularJS开发指南16:AngularJS构建大型Web应用详解

    AngularJS是由Google创建的一种JS框架,使用它可以扩展应用程序中的HTML功能,从而在web应用程序中使用HTML声明动态内容.在该团队工作的软件工程师Brian Ford近日撰写了一篇 ...

  7. ios开发之Info.plist文件相关配置

    前言:在iOS开发中有些情况下需要对Info.plist文件进行配置,以下介绍几种相关配置.以后遇到需要配置的再更新... 开发环境:swift3.0.1,Xcode8.1 一,项目中需要使用第三方字 ...

  8. Mac电脑配置IOS React Native开发环境配置笔记

    React Native(以下简称RN)的开发环境配置直接参考官方文档即可完成,不过对小白来说东西有点多,有些名词不是很好理解,这里就官方的安装文档稍微展开说一下. 中文版配置说明:不错的中文说明.官 ...

  9. AngularJS 开发中常犯的10个错误

    简介 AngularJS是目前最为活跃的Javascript框架之一,AngularJS的目标之一是简化开发过程,这使得AngularJS非常善于构建小型app原型,但AngularJS对于全功能的客 ...

随机推荐

  1. ubuntu 15.04开放mysql远程连接

    首先查看端口是否打开 netstat -an|grep 3306 此图为开启3306端口的截图,之前显示为. . . 127.0.0.1:3306 . . . 打开mysql配置文件vi /etc/m ...

  2. Codeforces Round #332 (Div. 2) C. Day at the Beach 线段树

    C. Day at the Beach Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/599/p ...

  3. Swift 3.0 的 open,public,internal,fileprivate,private 关键字

      import Foundation   /// final的含义保持不变 public final class FinalClass { }   // 这个类在ModuleA的范围外是不能被继承的 ...

  4. 贪心算法(2)-Kruskal最小生成树

    什么是最小生成树? 生成树是相对图来说的,一个图的生成树是一个树并把图的所有顶点连接在一起.一个图可以有许多不同的生成树.一个有 n 个结点的连通图的生成树是原图的极小连通子图,且包含原图中的所有 n ...

  5. gradle使用小记

    1.全局排除依赖: allprojects {    apply plugin: 'java'    apply plugin: 'eclipse'    apply plugin: 'maven-p ...

  6. LeetCode: Binary Tree Traversal

    LeetCode: Binary Tree Traversal 题目:树的先序和后序. 后序地址:https://oj.leetcode.com/problems/binary-tree-postor ...

  7. Java基础知识强化之集合框架笔记75:哈希表

    1. 哈希表数据结构(数组): 2. 哈希表确定元素是否相同: (1)判断的是两个元素的哈希值是否相同                     如果相同,再判断两个对象内容是否相同 (2)判断哈希值相 ...

  8. mysql颠覆实战笔记(七)--白话理解事务

    今天我们学习web开发级mysql颠覆实战课程第9课没MYSQL事务(一):白话理解事务.前面有两节课第7讲:商品系统设计(四):商品属性设计之自定义属性,第8讲:商品系统设计(五):一维属性的商品价 ...

  9. 自定义JPA之AttributeConverter

    1. 执行类 public class BooleanConverter implements AttributeConverter<Boolean, Integer> { } 2. 属性 ...

  10. 【杨氏矩阵+勾长公式】POJ 2279 Mr. Young's Picture Permutations

    Description Mr. Young wishes to take a picture of his class. The students will stand in rows with ea ...