ionic安装配置到应用

ionic安装配置到应用_第1张图片

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 [email protected] [email protected]

构建项目

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启动速度

你可能感兴趣的:(ionic安装配置到应用)