如何在MS Visual Studio Community 2017中使用Ionic 3？

Question

我一直在MS Visual Studio Community 2017上使用Ionic 2已經有相當長一段時間了。 在Visual Studio Market中，VS的插件Ionic 2模板可以下載並使用。

這是因爲點擊一樣簡單：

新建項目>打字稿>移動應用>離子2 - 空白

但是我找不到離子3. 模板（好像不是發佈了）

任何想法如何手動添加到Visual Studio的Ionic 3？

謝謝！

Answer 1

此答案的未來讀者需要了解下面引用的版本是本文發佈時軟件包的最新版本。這意味着，閱讀時可能會有更新的版本。

1. 升級您的Ionic CLI。在這篇文章發佈時，最新版本是3.9.1。

NPM安裝-g離子

升級NPM離子包的依賴關係。
很可能你需要4.x版本的Angular和相關的Angular npm依賴關係（即CORE，COMPILER，FORMS，HTTP等）。很可能您需要3.x版本的Ionic-Angular和4.x版本的Ionic本地軟件包。

在我看來，最好的方法是使用最新版本的Ionic CLI創建一個全新的臨時Ionic應用程序。然後檢查package.json文件中列出的NPM軟件包，並手動更新實際應用程序的package.json以進行匹配。謹慎和有條不紊。

爲了您的方便，我附加了一個默認的package.json依賴關係，它是使用全新的Ionic 3應用程序創建的。

"dependencies": { 
     "@angular/common": "4.3.5", 
     "@angular/compiler": "4.3.5", 
     "@angular/compiler-cli": "4.3.5", 
     "@angular/core": "4.3.5", 
     "@angular/forms": "4.3.5", 
     "@angular/http": "4.3.5", 
     "@angular/platform-browser": "4.3.5", 
     "@angular/platform-browser-dynamic": "4.3.5", 
     "@ionic-native/core": "4.1.0", 
     "@ionic-native/splash-screen": "4.1.0", 
     "@ionic-native/status-bar": "4.1.0", 
     "@ionic/storage": "2.0.1", 
     "ionic-angular": "3.6.0", 
     "ionicons": "3.0.0", 
     "rxjs": "5.4.3", 
     "sw-toolbox": "3.6.0", 
     "zone.js": "0.8.16" 
     }, 
     "devDependencies": { 
     "@ionic/app-scripts": "2.1.4", 
     "typescript": "2.3.4" 
     }, 

Answer 2

我纔剛剛開始所以這可能是不完全正確的，但我做了以下內容：

• 確保可通過VS2017安裝程序安裝的科爾多瓦工作量。
• 創建一個新的項目中使用VS2017和愛奧尼亞2模板
• 安裝最新的離子如果你還沒有，通過命令行：
  • npm install -g ionic@latest
• 創建一個新的離子型3應用程序，通過命令行。根據您要使用的模板，使用sidemenu或tabs或blank。我發現在https://market.ionic.io/starters/中還有更多的東西，你可能會以某種方式使用它。
  • ionic start YourNewAppName sidemenu
• 複製文件從離子2項目文件夾到你離子3項目文件夾：
  • taco.json
  • XXXX.jsproj（不重命名，只是還沒有）
  • XXXX.sln（請不要重新命名）
• 啓動VS2017中的XXXX.sln
  • VS提示我升級項目文件，確定。
  • VS提示我設置打字稿的版本，確定。

現在.sln文件適用於編輯&運行離子三期工程