Vue 3 如何像从 UI 一样通过 vue-cli 添加插件？答案

【问题标题】：Vue 3 How to add plugin through vue-cli like from UI?Vue 3 如何像从 UI 一样通过 vue-cli 添加插件？
【发布时间】：2021-02-20 14:27:17
【问题描述】：

使用 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 install 只是添加依赖项（如预期的那样）。

【问题讨论】：

是的，您可以通过运行vue ui（全局安装时）或npx vue ui（本地安装时）来启动vue-ui，选择您的项目并安装您的插件。它们将使用默认配置进行设置。但是对于自动默认配置，必须为此配置插件。它不是魔法 ;) 很多插件不是自动配置的。对于他们，您必须查看文档（可能在 github 上）或示例项目。
每个插件都有自己的配置，有些是直接使用的，没有像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 plugins on npm。

【讨论】：