mac下安裝ionic


我的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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM