Question

我已经在2017年的MS Visual Studio社区中使用Ionic 2已经有一段时间了。在Visual Studio Market中，可以下载并使用用于VS的插件Ionic 2 Templates。

就像点击一样简单：

新项目＆gt; TypeScript＆gt;移动应用＆gt;离子2 - 空白

但我找不到Ionic 3的模板。（似乎尚未发布）

知道如何手动将Ionic 3添加到Visual Studio中吗？

谢谢！

Answer 1

我刚刚开始，所以这可能不太正确，但我做了以下事情：

确保通过VS2017安装程序安装了Cordova工作负载。
使用VS2017和Ionic 2模板创建新项目
如果您没有，请通过命令行安装Ionic最新版本：
- npm install -g ionic@latest
通过命令行创建一个新的Ionic 3应用程序。根据您要使用的模板，使用sidemenu或tabs或blank。我看到https://market.ionic.io/starters/中有更多，你可以用某种方式。
- ionic start YourNewAppName sidemenu
将文件从Ionic 2项目文件夹复制到Ionic 3项目文件夹：
- taco.json
- XXXX.jsproj（暂不重命名）
- XXXX.sln（暂不重命名）
在VS2017中启动XXXX.sln
- VS提示我升级项目文件，确定。
- VS提示我设置打字稿的版本，好的。

现在.sln文件适合编辑＆amp;运行Ionic 3项目

Answer 2

此答案的未来读者需要了解下面引用的版本是此发布时的最新版本的软件包。这意味着，在阅读时可能会提供更新的版本。

升级您的Ionic CLI。在这篇文章发布时，最新版本是3.9.1。

npm install -g ionic

升级您的NPM Ionic包依赖项很可能你需要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"
      },

如何在2017年MS Visual Studio社区中使用Ionic 3？

2 个答案: