ionic+angular+cordova开发环境配置

ionic+angular+cordova开发环境配置详细说明,首先配置一个翻墙工具,后面对应如下步骤

1.1 安装Node.js

https://nodejs.org 直接去官网下载并按默认路径安装就可以了。

安装完成后在命令行: (测试成功!)

ionic+angular+cordova开发环境配置-搬砖酱的笔记

ionic+angular+cordova开发环境配置-搬砖酱的笔记

$ npm

1.2 安装Cordova CLI
命令行:

$ npm install -g cordova

ionic+angular+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

ionic+angular+cordova开发环境配置-搬砖酱的笔记

ionic+angular+cordova开发环境配置-搬砖酱的笔记


环境变量配置
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平台下相关环境的部署。

ionic+angular+cordova开发环境配置-搬砖酱的笔记

这里我们安装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

ionic+angular+cordova开发环境配置-搬砖酱的笔记


环境变量配置
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