Mac下安裝ionic和cordova,並生成iOS項目

 

爲了開發HTML5,除了最新使用React Native等以外,目前首選的爲穩定的ionic+Angularjs來開發iOS和android.

Ionic(ionicframework一款接近原生的HTML5移動App開發框架　會html css js就能夠開發app

博客地址: http://blog.img421.com/

ionic中文教程講解的很清楚,此網站翻譯了一些原官網文檔,並且也有諸多例子,讓咱們可以更好的學習.本教程講述一下ionic、cordova安裝的具體內容.

1. 安裝npm 、node.js

1.1 打開`終端(Terminal)`,分別輸入如下內容:

npm -v

node -v

若是npm或者node可能並不是最新版本或者沒有安裝,能夠到nodejs官網下載最新版本.

下載好後雙擊下載的pkg包默認安裝便可。

2.安裝ionic和cordova

2.1 由於某些緣由,國內的網絡安裝ionic和cordova 會出現錯誤,所以要跳過某些牆。採用淘寶NPM鏡像。打開終端直接輸入如下命令便可。

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.2 經過淘寶NPM鏡像就能夠安裝ionic和cordova包.

輸入在終端中如下內容:

sudo cnpm install -g cordova ionic

**ps:等待時間可能會長,請耐心等候**

輸出以上內容便可安裝成功。

2.3 安裝成功之後,要查看安裝的包內容是否所有都已安裝.運行命令:

ionic info

上圖中所顯示的Not installed表明未安裝,安裝方式即爲紅色給出的內容,照着內容安裝便可以.

**ps:不安裝的狀況下就是不能在此環境下編譯等,可是對於瀏覽器運行無影響.**

`ios-sim`表明模擬器運行環境,

`ios-deploy`表明真機運行環境。

**ps:博主只安裝了模擬器環境**

3. 項目

3.1 項目生成

終端運行

//進入桌面

cd ./Desktop

//生成demo_1文件項目

ionic start demo_1

若是建立`iOS`應用,`終端`運行:

cd demo_1

ionic platform add ios (可能會須要sudo)

ionic build ios

ionic emulate ios  //模擬器運行

生成的iOS應用會在`platforms`文件夾中顯示。