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
总算搞定!