ionic+angular+cordova开发环境配置
ionic+angular+cordova开发环境配置详细说明,首先配置一个翻墙工具,后面对应如下步骤
1.1 安装Node.js
https://nodejs.org 直接去官网下载并按默认路径安装就可以了。
安装完成后在命令行: (测试成功!)
$ npm
1.2 安装Cordova CLI
命令行:
$ npm install -g cordova
如果安装不成功,一般是网络原因,可以找个FQ软件。我这边用的是proxy999。
如果安装时间过长可以选择:
npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像源
cnpm install -g cordova
安装成功后命令行: (测试成功!)
$ cordova
1.3 安装JDK
oracle官网 http://java.oracle.com/ (下不来的FQ~~)
或国内镜像 http://jdk.android-studio.org/
下载安装后,配置环境变量:http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html
环境变量配置
JAVA_HOME D :\android\Java\jdk1.7.0_60
path D:\android\Java\jdk1.7.0_60\bin
(注:javac命令不可用重启一下)
1.3.1 部署Android开发环境
Cordova是一种Hybrid开发,可以被部署到android,ios等多个手机平台。这里我们以android为目标平台。
接下来我们开始android平台下相关环境的部署。
这里我们安装AndroidStudio,可以访问 http://www.android-studio.org/
里边有国内的下载镜像。
1.3.2 安装Android SDK
下载并安装AndroidStudio,http://developer.android.com/sdk/index.html
安装完成后配置sdk环境变量(cordova命令要用到):http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html
环境变量配置
path D:\android\sdk\platform-tools;D:\android\sdk\tools
1.3.2 安装Ant
Ant是java平台下一个打包部署的工具,使用cordova命令的时候需要借助这个工具。
http://ant.apache.org/bindownload.cgi,下载zip压缩包,解压后配置环境变量:http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html
环境变量配置
ANT_HOME D:\android\apache-ant-1.9.7
path D:\android\apache-ant-1.9.7\bin
测试命令 javac ,ant, adb
1.4 ionic安装
npm install -g ionic cordova (此处安装很费劲,,,,如果安装不上,直接使用国内镜像)
也可以安装cnpm,这样就容易装cordova和ionic
npm install -g cordova --registry https://registry.npm.taobao.org
npm install -g ionic --registry https://registry.npm.taobao.org
如果还不行可以npm install cnpm