ionic2安装配置到应用

---

##20170618更新：

1，个人用node 8.0~时，npm install出现过node-sass下载失败报错，原因是资源not found了，不同node版本下载的node-sass版本不一样，不能保证所有都能下载成功，这里推荐node6.10.1

2，ionic推荐2.2.1-3.0，ionic2.1.0在用ionic start构建一个项目后，并不会编译src下的文件到www目录

 

---

 

 

###node安装，配置系统环境变量

---

path: C:\Program Files\nodejs\node_global\;

npm config set prefix "C:\Program Files\nodejs \node_global"

npm config set cache "C:\Program Files\nodejs \node_cache"

npm config set registry=https://registry.npm.taobao.org

npm config list -ls

-java jdk1.8,配置环境变量

新建JAVA_HOME变量:C:\Program Files\Java\jdk1.8.0_131

PATH：

%JAVA_HOME%\bin;

%JAVA_HOME%\jre\bin;

-android sdk安装

新建ANDROID_HOME:D:\androidsdk

PATH:

%ANDROID_HOME%\platform-tools;

%ANDROID_HOME%\tools;

-apache ant安装

到官方主页 http://ant.apache.org 下载新版（目前为 Ant1.8.1）的 ant，得到的是一个 apache-ant-1.8.1-bin.zip 的压缩包。将其解压到你的硬盘上，例如：C:\apache-ant-1.8.1。

新建ANT_HOME变量：C:\apache-ant-1.10.1

PATH:

C:/ apache-ant-1.8.1/bin

新建CLASSPATH:

C:\apache-ant-1.10.1\lib

-npm install -g ionic@2.2.1 cordova@6.3.1

---

 

###构建项目

ionic start  myApp  --v2 --skip-npm

*tip*: ionic2默认构建v1项目，默认tabs模板, 这里--skip-npm参数视情况添加

###添加平台插件

ionic platform add/remove android/ios

###打包

ionic build android/ios  --release/debug/prod

//默认的是debug

**tip**:打包参数，debug指调试版，release指发布版，prod指生产版

（加--prod和--release参数能有效加快app启动速度）