Ionic2開發環境要求:
| Nodejs |
V4.5.0 |
Nodejs自帶 |
| Npm |
V2.15.9 |
同上 |
| Ionic |
V2.1.0 |
安裝最新ionic即可 |
| Angular2 |
V2正式版 |
同上 |
說明:以上版本號請務必對應,AngularJs每次更新都是斷崖式更新,導致inoic寫法多變。
開發工具:
VS CODE :V1.6.1(老版本對ts支持不是很好)
ionic安裝步驟:
1. 安裝上述版本的Node;
2. 切換源:
npm set registry https://registry.npm.taobao.org # 注冊模塊鏡像
npm set disturl https://npm.taobao.org/dist # node-gyp 編譯依賴的 node 源碼鏡像
npm cache clean # 清空緩存
如果你的網絡訪問米國非常好可以跳過;
3. 安裝ionic,打開命令行輸入:
npm install -g ionic
npm install -g cordova
4. 然后新建項目,找到一個空地,在這個目錄下執行:
ionic start cutePuppyPics --v2
這是個示例項目,安裝要等很久;
5. 運行該項目,進入到cutePuppyPics目錄,執行:
ionic serve
會啟動一個server,默認會打開瀏覽器訪問8100端口,谷歌瀏覽器下效果最好。

可以隨意點點,如果Tab都能點,說明環境沒問題。
Ionic目錄說明:

App:系統初始化
Model:自定義的實體類
Pages:系統頁面
Providers:自定義服務
