原文:
Ionic2開發環境搭建-VS 2017目前在VS 2017中建立Ionic2版本項目
注:在VS中開發Ionic項目,使用的Ionic(v2.x),Cordova(v6.3.1),Angular(v2.x)的版本都比較低。
1.前提,安裝VS時,選擇安裝了“ 使用JavaScript的移動開發“
如果沒有安裝,在VS中選擇更新擴充,重新安裝
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcuMTZmJjNhdjN5EWYkJjZiZzNlVjZkhDN2kjMiRzMmVWNfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
2.安裝 Ionic2的開發插件:NPM Task Runner 和 Ionic
2 Templates for Visual Studio 2017
打開插件的聯機安裝,都下載下傳完後,關閉VS,自動安裝。
工具》擴充和更新 ,如上圖
3.建立Ionic2 項目,并初始化
由于網絡等原因,包初始化過程很慢,有的可能加載不成功。
進入windows的指令提示符。
輸入: npm install @ionic/app-scripts@latest --save-dev
如果順利執行的話,再次進入VS2017就會發現@ionic/app-scripts已經更新好了。
如果有很多包安裝失敗,解決方案1,使用npm的代理安裝 ,比如淘寶鏡像:cnpm i
4.啟動運作,調試
更多:
Ionic3開發環境搭建-VS Code Ionic2 相關文檔整理Ionic建立項目失敗:[ERROR] Network connectivity error
occurred, are you offline?