Cordova+Ionic環(huán)境搭建

1、安裝Node.js

主要是用來下載和安裝 Cordova
下載地址:https://nodejs.org

2、安裝Cordova CLI

安裝命令:npm install -g cordova
更新命令:npm update cordova -g
更新項目:cordova platform update <項目>

3、測試安裝情況

測試命令:cordova -v

4、安裝android開發(fā)環(huán)境

5、創(chuàng)建新的Cordova項目

命令行:cordova create hello com.example.hello HelloWorld
參數說明:
第一個參數 hello 為工程的文件夾名;
第二個參數(可選)com.example.hello 為應用程序的id名,可以在 config.xml 中修改,如果不指定的話默認為 io.cordova.hellocordova;
第三個參數(可選)HelloWorld 為App顯示的名稱,也可在 config.xml 中修改。

6、添加Android平臺支持

進入工程目錄:cd hello
添加Android平臺:cordova platform add android
運行Android平臺:cordova run android
        cordova emulate android

7、添加插件的支持

查看已經添加的插件:cordova plugin ls
cordova plugin add <要添加的插件>

8、插卡支持的平臺

cordova platform ls
結果:
Installed platforms:
 android 7.0.0
 browser 5.0.3
Available platforms:
 ios ~4.5.4
 osx ~4.0.1
 windows ~5.0.0
 www ^3.12.0

9、PhoneGap+Angularjs+ionic 混合開發(fā)(Cordova+Angularjs+Ionic)

安裝Angularjs:npm install angular  
安裝Ionic:npm install -g ionic  

10、新建ionic項目并運行

ionic start <項目名稱>
cd <項目名稱>                                   // 進入工程目錄  
ionic cordova platform add android              // 添加Android Platform (iOS:ionic platform add ios)     
ionic build android                             // build項目 (iOS:ionic build ios)  
ionic emulate android                           // 用模擬器運行 (iOS:ionic emulate ios)  
ionic run android                               // 用Android真機運行(與模擬器二選一就好啦~~)  

11、WebStorm開發(fā)工具本身支持cordova,可以直接運行cordova|ionic的項目

12、添加對ersi的支持

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容