Как правильно преобразовать приложение Vue в Ionic 4 Vue?

#ionic-framework #vue.js #ionic4 #ionic-native

#ionic-framework #vue.js #ionic4 #ionic-native

Вопрос:

Я пытаюсь преобразовать существующий проект VueJS для использования Ionic 4 и встроенных плагинов Ionic. Я впервые использую Ionic 4, и, похоже, что Ionic CLI пока позволяет создавать приложения только на основе Angular. Интеграцию с Vue необходимо выполнить вручную.

Документация, которую я нашел до сих пор, позволяет мне использовать ионные компоненты, но, похоже, этого недостаточно для правильной настройки Ionic в моем проекте.

После выполнения шагов и, наконец, добавления Vue.use(Ionic) к моей основной точке входа, запуск ionic --help по-прежнему сообщает мне, что мой проект не является проектом Ionic, вероятно, потому, что у меня нет ionic.config.json доступного на корневом уровне. Затем я запускаю ionic init , этот конфигурационный файл генерируется, но теперь он сообщает мне об этом provide the ionic:serve npm script , чтобы он мог обслуживать мой проект ( "type": "custom" ). Как я могу настроить все необходимые скрипты, которые нужны Ionic?

Мне понадобится эта настройка, чтобы иметь возможность добавлять собственные плагины Ionic, создавать свое приложение на разных платформах и т.д.

Пока я не смог найти никакой информации ни в документах, ни здесь.

У кого-нибудь есть дополнительная информация об этом?

Комментарии:

1. Я не думаю, что вы можете преобразовать проект vue в ionic таким образом. У Ionic совершенно другая архитектура. Если вы хотите использовать плагины, посмотрите, как использовать cordova с vue. itnext.io/make-hybrid-platform-cordova-vue-webpack-2fb7031c4f9b

2. Также в документации, на которую вы ссылаетесь, говорится, что это альфа-версия @ionic / vue, поэтому в ней отсутствуют некоторые фрагменты. Это не очень хорошая идея конвертировать vue в ionic.

3. На данный момент прямого способа преобразования нет, но большая часть вашего кода vue все равно должна работать после обновления структуры проекта. В этой статье medium.com/@dlodeprojuicer/… вы могли бы дать вам некоторое представление, хотя это не совсем то, что вы ищете.

Ответ №1:

Я знаю, что немного поздно, но это может быть полезно для кого-то еще. Я в такой же ситуации, и да, теперь это возможно. Из ionic docs:

https://ionicframework.com/docs/intro/cdn#ionic-vue