如何在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文件适用于编辑&运行离子三期工程