Ionic2開發環境搭建教程

Ionic2開發環境搭建教程

關於網路環境:ionic開發環境不需要FQ。我這裡沒有設定FQ,親測可行。但是angular2的開發環境搭建,則需要FQ網路,否則很多包會安裝失敗。

建議大家在搭建開發環境的時候,不要參考百度出來的各種部落格,太零碎,重要的是時間久,也不一定寫的對。強烈建議參考官網引導教程。http://ionicframework.com/gettingstarted/

1.下載安裝Node.js。官網地址:https://nodejs.org/en/我安裝的是v7.10.0版本。

2.安裝完成後通過命令列 node -v 可檢視安裝的版本。

3.通過npm安裝cordova和ionic。輸入:npm install -g cordova ionic

安裝完成後視窗如下:

4.ionic安裝成功之後,即可建立你的第一個專案:ionic start myApp tabs 此處預設建立ionic2的專案,如果需要建立ionic1.x版本,則在命令的最後面加上 –v1。另外此處是tabs是模板的意思,另外還有blank/sidemenu/tutorial/super等幾個模板。

5.專案建立成功後,cd到專案根目錄,執行ionic serve即可執行專案,會自動開啟瀏覽器檢視。

整個Ionic2專案的目錄結構如下圖所示:

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援指令碼之家。

您可能感興趣的文章:

VS2017 Cordova Ionic2 移動開發環境搭建教程ionic 3.0 專案搭建執行環境的教程