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

Question

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

它就像点击一样简单:

新建项目> TypeScript>移动应用程序> Ionic 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文件可用于编辑和运行Ionic 3项目

Answer 2

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

1. 升级您的 Ionic CLI。在撰写本文时，最新版本是 3.9.1。

npm install -g 离子

2. 升级您的 NPM Ionic 包依赖项。
   您很可能需要 4.x 版本的 Angular 以及相关的 Angular npm 依赖项（即 CORE、编译器、FORMS、HTTP 等）。您很可能需要 3.x 版本的 Ionic-Angular 和 4.x 版本的 Ionic 本机包。

在我看来，最好的方法是使用最新版本的 Ionic CLI 创建一个全新的临时 Ionic 应用程序。然后检查 package.json 文件中列出的 NPM 包，并手动更新实际应用程序的 package.json 以匹配。保持谨慎和有条理。

为了您的方便，我附加了使用全新的 Ionic 3 应用程序创建的默认 package.json 依赖项。

"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"
      },