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

Я использую Ionic 2 С MS Visual Studio Community 2017 уже довольно давно. На рынке Visual Studio можно загрузить и использовать шаблоны плагинов Ionic 2 для VS.

Это так же просто, как нажать:

Новый Проект > TypeScript > Мобильные Приложения > Ionic 2-Blank

однако я не могу найти шаблон для Ionic 3. ( кажется, еще не вышедшего)

любая идея, как вручную добавить Ionic 3 в Visual Studio?

спасибо!

6
ionic3 visual-studio-2017

2 ответов

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

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

установка npm-g ionic

  1. обновите зависимости ионного пакета NPM.
    Более вероятный вам понадобится 4.x версии Angular и связанные с ними угловые зависимости npm (т. е. ядро, компилятор, формы, HTTP и т. д.). Скорее всего, вам понадобится 3.x версии ионно-угловой и 4.x версии ионных нативных пакетов.

лучший способ сделать это, на мой взгляд, использовать последнюю версию ионного CLI для создания совершенно нового временного ионного приложения. А затем изучите пакеты NPM, перечисленные в пакете.JSON файл, и вручную обновить реальное приложение пакет.json, чтобы соответствовать. Будьте осторожны и методичны.

для convienance, я приложил к пакету по умолчанию.зависимости 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"
      },
3

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

  • убедитесь,что у вас установлена рабочая нагрузка Cordova через установщик VS2017.
  • создайте новый проект с помощью VS2017 и шаблона Ionic 2
  • установите Ionic latest, если вы этого не сделали, через командную строку:
    • 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 (пока не переименовывайте)
  • запуск XXXX.sln в VS2017
    • VS предложил мне обновить файл проекта, OK.
    • VS предложил мне установить версию typescript, OK.

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

8