Блог

Главная - Вопросы по программированию - Vue 3 Как добавить плагин через vue-cli, как из пользовательского интерфейса?

Vue 3 Как добавить плагин через vue-cli, как из пользовательского интерфейса?

#vue.js #plugins #vuex #vuejs3

#vue.js #Плагины #vuex #vuejs3

Вопрос:

С помощью vue UI мы можем добавить vuex или vue-router плагин, который будет автоматически добавлен к основному файлу, как показано ниже

 createApp(App).use(store).use(router).mount('#app')

И создает файл /router/index.js и /store/index.js шаблон по умолчанию, как показано ниже, что действительно приятно.

 import { createStore } from 'vuex'

export default createStore({

  state: {
  },

  mutations: {
  },

  actions: {
  },

  modules: {
  }

})

Есть ли какой-либо другой альтернативный способ (vue-cli или npm) для добавления новых плагинов с описанными выше возможностями? установка npm просто добавляет зависимости (как и ожидалось).

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

1. Да, вы можете запустить vue-ui , запустив vue ui (при глобальной установке) или npx vue ui (при локальной установке), выберите свой проект и установите свои плагины. Они будут настроены с настройкой по умолчанию. Но для автоматической настройки по умолчанию плагин должен быть настроен для этого. Это не волшебство 😉 Многие плагины не настраиваются автоматически. Для них вам нужно заглянуть в документацию (возможно, на github) или примеры проектов.

2. у каждого плагина есть своя конфигурация, некоторые используются напрямую без какой-либо конфигурации, например, element ui plus

Ответ №1:

Вы можете добавлять плагины CLI из командной строки, используя @vue/cli команды (т. Е. vue add PLUGIN_NAME ), запускаемые из корневого каталога вашего проекта.

Например, эти команды добавляют Vuex и Vue Router в ваш проект, созданный Vue CLI:

 vue add vuex
vue add router

vue add ищет плагин, добавляя префикс @vue/cli-plugin- к указанному имени. Итак, приведенная выше команда автоматически устанавливает @vue/cli-plugin-vuex и @vue/cli-plugin-router . Вы можете найти несколько других плагинов Vue CLI npm , которые можно установить таким же образом.