天天看點

Ionic2開發環境搭建-VS 2017

原文:

Ionic2開發環境搭建-VS 2017

目前在VS 2017中建立Ionic2版本項目

注:在VS中開發Ionic項目,使用的Ionic(v2.x),Cordova(v6.3.1),Angular(v2.x)的版本都比較低。

1.前提,安裝VS時,選擇安裝了“ 使用JavaScript的移動開發“

如果沒有安裝,在VS中選擇更新擴充,重新安裝

Ionic2開發環境搭建-VS 2017

2.安裝 Ionic2的開發插件:NPM Task Runner 和 Ionic

2 Templates for Visual Studio 2017 

打開插件的聯機安裝,都下載下傳完後,關閉VS,自動安裝。

工具》擴充和更新 ,如上圖

Ionic2開發環境搭建-VS 2017

3.建立Ionic2 項目,并初始化

Ionic2開發環境搭建-VS 2017
Ionic2開發環境搭建-VS 2017

由于網絡等原因,包初始化過程很慢,有的可能加載不成功。

Ionic2開發環境搭建-VS 2017

進入windows的指令提示符。

輸入: npm install @ionic/app-scripts@latest --save-dev 

如果順利執行的話,再次進入VS2017就會發現@ionic/app-scripts已經更新好了。

如果有很多包安裝失敗,解決方案1,使用npm的代理安裝 ,比如淘寶鏡像:cnpm i 

Ionic2開發環境搭建-VS 2017

4.啟動運作,調試

更多: 

Ionic3開發環境搭建-VS Code Ionic2 相關文檔整理

Ionic建立項目失敗:[ERROR] Network connectivity error

occurred, are you offline?

繼續閱讀