Angular2學習筆記二（之建立ionic移動項目）

ionic開發環境部署能從不少文檔資料中獲取，特別是官網也有權威的安裝步驟，這裏再也不具體說明。這裏以ionic2說明，大致說下安裝步驟。

環境安裝

一、安裝NodeJs環境，從其官網下載最新的版本安裝，安裝過程略。

二、jdk環境安裝，版本7.0+，不要問我怎麼裝。

三、Android SDK工具安裝，安裝SDK後，請安裝如今主流的android sdk版本，安裝過程看這裏

四、安裝cnpm工具，若是已經安裝過cnpm，請跳過此步。

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

五、全局安裝ngcordova工具。

cnpm install -g cordova ionic

至此，建立ionic項目的環境已經安裝好，下面的步驟將建立一個ionic app移動項目。

建立項目

一、建立一個web APP tabs項目，這裏須要注意ionic2與ionic1.x版本項目建立命令的區別。

ionic start --v2 myApp tabs

二、正常狀況下，執行第一步後，是會報錯的（若是沒報錯說明你幸運）。

Installing npm packages...  
Error with start undefined  
Error Initializing app: There was an error with the spawned command: npminstall  
There was an error with the spawned command: npminstall

三、第一步的命令是官網給出的，命令無問題，問題出如今執行npm後沒法訪問國外資源庫。因此咱們的操做是隻建立項目不建立依賴，命令以下。

ionic start --v2 myApp tabs --skip-npm

cd myApp

cnpm install --save

四、下面，咱們來運行一個這個項目，執行下面的命令。

ionic serve

到這裏，一個基於angular2+cordova的ionic2項目已經建立完成，並已經看到運行界面。

參考資料

一、Ionic_2.x 手動搭建開發環境教程(nodejs,jdk,androidsdk)

二、ionic建立項目遇到Error Initializing app錯誤的解決辦法