Как использовать Ionic 3 с MS Visual Studio Community 2017?

Будущие читатели этого ответа должны понимать, что версии, указанные ниже, являются последними версиями пакетов на момент публикации этой публикации. Это означает, что на момент чтения могут быть доступны более новые версии.

1. Обновите Ionic CLI. На момент публикации последней версией была 3.9.1.

npm установить -g ионный

2. Обновите зависимости пакета NPM Ionic.
   Скорее всего, вам понадобятся версии 4.x Angular и связанные зависимости Angular npm (например, CORE, COMPILER, FORMS, HTTP и т. д.). Скорее всего, вам понадобятся версии 3.x Ionic-Angular и версии 4.x собственных пакетов Ionic.

На мой взгляд, лучший способ сделать это — использовать последнюю версию Ionic CLI для создания нового временного приложения Ionic. Затем проверьте пакеты NPM, перечисленные в файле package.json, и вручную обновите 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"
      },

Я только начинаю, так что это может быть не совсем правильно, но я сделал следующее:

• Убедитесь, что рабочая нагрузка Cordova установлена ​​с помощью установщика VS2017.
• Создайте новый проект, используя VS2017 и шаблон Ionic 2.
• Install Ionic latest if you haven't, via the command line:
  • npm install -g ionic@latest
• Create a new Ionic 3 app, via the command line. Use sidemenu or tabs or blank depending on what template you want to use. I see there's a ton more in https://market.ionic.io/starters/ which you can probably use somehow.
  • ionic start YourNewAppName sidemenu
• Copy files from your Ionic 2 project folder into your Ionic 3 project folder:
  • taco.json
  • XXXX.jsproj (пока не переименовывать)
  • XXXX.sln (пока не переименовывать)
• Launch the XXXX.sln in VS2017
  • VS prompted me to upgrade project file, OK.
  • VS предложил мне установить версию машинописного текста, ОК.

Теперь файл .sln работает для редактирования и запуска проекта Ionic 3.