ionic安裝配置到應(yīng)用

20170618更新:

1,個人用node 8.0~時,npm install出現(xiàn)過node-sass下載失敗報錯,原因是資源not found了,不同node版本下載的node-sass版本不一樣,不能保證所有都能下載成功,這里推薦node6.10.1

2,ionic推薦2.2.1-3.0,ionic2.1.0在用ionic start構(gòu)建一個項目后,并不會編譯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,配置環(huán)境變量
新建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

構(gòu)建項目

ionic start myApp --v2 --skip-npm

tip: ionic2默認構(gòu)建v1項目,默認tabs模板, 這里--skip-npm參數(shù)視情況添加

添加平臺插件

ionic platform add/remove android/ios

打包

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

//默認的是debug

tip:打包參數(shù),debug指調(diào)試版,release指發(fā)布版,prod指生產(chǎn)版

加--prod和--release參數(shù)能有效加快app啟動速度

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容