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