AngularJS开发相关配置

时间：2022-05-16 17:56:20

安装步骤：

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

总算搞定！

相关文章