我的mac系統是EI Capitan,如下圖所示。
ionic是一個跨平台的框架,能夠提供高效hybrid app的開發,而且性能接近於原生態,具體請參考:http://ionicframework.com
環境搭建步驟如下:
- 安裝node.js,主要是使用npm(node package manager)。注意使用4.4版本,千萬不要使用5以上的版本。
- 安裝Cordova和ionic命令行工具:
-
1 $ npm install -g Cordova 2 $ npm install -g ionic
如果發生permission denied錯誤,請使用:$ sudo npm install -g ionic,這是使用super user的權限來執行命令。具體可以參考:https://www.npmjs.com/package/ionic。
如果發生python版本不匹配的問題,使用如下命令:
& npm config set python python2.7 - 增加ios平台、android平台
-
$ sudo cordova platform add ios
$ sudo cordova platform add android - 查看已經安裝的平台
-
$ sudo cordova platform ls
- 安裝plugin
-
first way:
$ sudo cordova plugin add cordova-plugin-dialogs
second way:
git clone project to FILE_PATH
$ sudo cordova plugin add FILE_PATH
- 查看已經安裝的plugin
-
$ sudo cordova plugin ls
- 查看build的前置條件
-
$ sudo cordova requirements
安裝ios-deploy
$ sudo npm install -g ios-deploy --unsafe-perm=true
- 查看ionic的幫助
-
$ ionic -h
好了,環境可以使用了。使用模版創建一個實例:
$ ionic start firstapp
$ ionic build firstapp
$ ionic emulate firstapp
$ ionic run firstapp
推薦的開發環境ionic lab。
問題:
- 升級Java之后,出現ionic, cordova, npm command not found錯誤,需要按照本文步驟重新安裝。
- spawn eacces error: 運行命令: ionic hooks add。
- folder訪問權限擴展:sudo chmod -R a+rwx appfolder
- 如果出現“Failed to load resource: the server responded with a status of 404 (Not Found)”錯誤,則運行下面的命令可以消除錯誤。
ionic plugin add cordova-plugin-whitelist
- run command "ionic info", shows error "Cordova CLI: Not installed", run the following command to resolve the issue:
sudo npm install -g cordova@4