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安装配置(建议使用nvm安装node)
path: C:\Program Files\nodejs\node_global\;
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
- 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启动速度