Добавление маршрутизации в приложение Vue.js cli 3.0
Новая архитектура плагина Vue.js 3.0 хороша, но, похоже, в ней отсутствует плагин маршрутизатора. Если я решу не устанавливать маршрутизацию при первом создании проекта (vue create my-project), я ожидаю, что позже смогу передумать и добавить маршрутизацию с чем-то вроде vue add @vue/router, но этого плагина, похоже, не существует. Есть ли способ добавить маршрутизацию из CLI постфактум?
Да, vue-cli 3. Я уже добавил маршрутизацию вручную, но был удивлен, что не было плагина, который я мог бы использовать для этой настройки за меня, поскольку, похоже, он встроен в первоначальную установку cli.
@Sphinx Я считаю, что Vue 3 еще не существует. А vue-cli 3 совсем другое дело, роутер наверное запакован в vue-cli-service
Ответы 2
После некоторых экспериментов с vue-cli3 я обнаружил, что вы можете использовать vue add для настройки компонентов, которые вы пропустили.
Используйте vue add router, который настроил маршрутизацию и создал несколько примеров компонентов Home и About.
Это также работает для других модулей, таких как добавление vuetify с vue add vuetify. Вы можете узнать больше о vue add в руководство по плагинам и пресетам
Спасибо, что сэкономили мое время :-)
Имейте в виду! Я только что сделал это, и мой файл App.vue был перезаписан. Возможно, переименуйте файл App.vue перед использованием маршрутизатора vue add.
Самый безопасный способ - сначала зафиксировать все ваши изменения перед запуском любых задач vue.
Взгляните на страницу проблемы здесь: https://github.com/vuejs/vue-cli/issues/1202, вывод заключается в том, что вы не можете использовать cli для добавления маршрутизатора, если вы не выбрали маршрутизатор изначально. По трем причинам:
- Маршрутизатор с поздним добавлением, когда вы уже изменили входной файл, очень хрупкий.
- Если вы не сильно изменяли файл, вы можете просто заново сгенерировать проект.
- Если мы добавим только зависимость и пропустим часть изменения файла, тогда будет проще просто npm install vue-router или yarn add vue-router.
Фактически, вы может используете vue-cli для позднего добавления vue-router (начиная с vue-cli 3.0.0) с vue add router. Несмотря на упомянутый вами комментарий, функция все равно была добавлена.
Но он не обновляет файлы, которые вы изменили или удалили. Так что это не так полезно, если вы какое-то время работали.
vuejs 3 или vue-cli 3? если вы не говорите о vuejs 3, вы можете просто следовать этому руководству, чтобы добавить plugin = router после создания проекта. Руководство по установке Vue Router для NPM