說明：mac nvm 安裝的v9.2.0node

一、開發(fā)環(huán)境配置

1、sudo安裝cordova ionic 時(shí)一直報(bào)錯(cuò)node pre gyp err,然后換了淘寶鏡像，雖然能安裝可不能運(yùn)行項(xiàng)目 果斷卸載 uninstall.先運(yùn)行npm install -g graceful-fs graceful-fs@lates,再安裝? 然后查看cordova版本 這時(shí)會(huì)提醒安裝，按命令安裝即可。

2、安裝安卓jdk v1.8

安裝android studio

配置環(huán)境變量在.bash_profile中添加javahome等具體參見官網(wǎng)

安裝Virtual BOX

安裝Genymotion

啟動(dòng)Genymotion添加一個(gè)模擬設(shè)備。

3、安裝ios

安裝好xcode后

終端運(yùn)行：$ xcode-select --install

npm安裝命令行啟動(dòng)環(huán)境：$ npm install -g ios-deploy和$ npm install

-g ios-sim（也可不安裝直接xcode打開或者雙擊打開.xcodeproj文件。）

二、開發(fā)

1、創(chuàng)建項(xiàng)目$ ionic start MyIonicProject(項(xiàng)目名) tutorial(模板類型)

2、瀏覽器查看：

$ cd MyIonicProject/

$ ionic serve

3、添加平臺(tái)：

$sudo? cordova platform add ios

$sudo? cordova platform add android

4、打包成app：

ionic cordova build android --prod --release

（執(zhí)行時(shí)遇到了權(quán)限錯(cuò)誤，執(zhí)行sudo chmod 755 /Applications/Android\ Studio.app/Contents/gradle/gradle-4.1/bin/gradle即可）

ionic cordova build ios --prod --release

5、調(diào)試發(fā)布