Ionic2開發環境搭建

關於網絡環境:ionic開發環境不須要FQ。我這裏沒有設置FQ,親測可行。可是angular2的開發環境搭建,則須要FQ網絡,不然不少包會安裝失敗。
建議你們在搭建開發環境的時候,不要參考百度出來的各類博客,太零碎,重要的是時間久,也不必定寫的對。強烈建議參考官網引導教程。http://ionicframework.com/getting-started/
======================================================================================================
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項目的目錄結構以下圖所示:
相關文章
相關標籤/搜索