AngularJS开发相关配置

安装步骤:

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

 总算搞定!

posted @ 2016-04-06 16:57  Viola_left  阅读(371)  评论(0编辑  收藏  举报