1缴啡、安裝Node.js
主要是用來(lái)下載和安裝 Cordova
下載地址:https://nodejs.org
2壁晒、安裝Cordova CLI
安裝命令:npm install -g cordova
更新命令:npm update cordova -g
更新項(xiàng)目:cordova platform update <項(xiàng)目>
3、測(cè)試安裝情況
測(cè)試命令:cordova -v
4业栅、安裝android開發(fā)環(huán)境
5秒咐、創(chuàng)建新的Cordova項(xiàng)目
命令行:cordova create hello com.example.hello HelloWorld
參數(shù)說(shuō)明:
第一個(gè)參數(shù) hello 為工程的文件夾名谬晕;
第二個(gè)參數(shù)(可選)com.example.hello 為應(yīng)用程序的id名,可以在 config.xml 中修改携取,如果不指定的話默認(rèn)為 io.cordova.hellocordova攒钳;
第三個(gè)參數(shù)(可選)HelloWorld 為App顯示的名稱,也可在 config.xml 中修改雷滋。
6不撑、添加Android平臺(tái)支持
進(jìn)入工程目錄:cd hello
添加Android平臺(tái):cordova platform add android
運(yùn)行Android平臺(tái):cordova run android
cordova emulate android
7、添加插件的支持
查看已經(jīng)添加的插件:cordova plugin ls
cordova plugin add <要添加的插件>
8晤斩、插卡支持的平臺(tái)
cordova platform ls
結(jié)果:
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項(xiàng)目并運(yùn)行
ionic start <項(xiàng)目名稱>
cd <項(xiàng)目名稱> // 進(jìn)入工程目錄
ionic cordova platform add android // 添加Android Platform (iOS:ionic platform add ios)
ionic build android // build項(xiàng)目 (iOS:ionic build ios)
ionic emulate android // 用模擬器運(yùn)行 (iOS:ionic emulate ios)
ionic run android // 用Android真機(jī)運(yùn)行(與模擬器二選一就好啦~~)
11尸昧、WebStorm開發(fā)工具本身支持cordova揩页,可以直接運(yùn)行cordova|ionic的項(xiàng)目
12、添加對(duì)ersi的支持
npm install esri-loader