使用vite创建vue3项目执行vue add vuetify报vue: command not found如何解决

vue add是Vue CLI 专属的插件安装命令，你遇到报错有两个核心原因：

• 你没有全局安装@vue/cli工具包，系统无法识别vue全局指令
• 你使用Vite创建的项目，本身不兼容Vue CLI的生态指令，即使安装了全局@vue/cli，也不能通过vue add给Vite项目安装Vuetify

1. 进入项目根目录，安装Vuetify alpha及配套Vite插件

yarn add vuetify@next vite-plugin-vuetify

2. 修改项目根目录下的vite.config.js配置，引入Vuetify插件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vuetify from 'vite-plugin-vuetify'

export default defineConfig({
  plugins: [
    vue(),
    // 开启autoImport可自动导入用到的Vuetify组件，无需手动引入
    vuetify({ autoImport: true })
  ]
})

3. 新建src/plugins/vuetify.js文件，创建Vuetify实例

// 全局引入Vuetify样式
import 'vuetify/styles'
import { createVuetify } from 'vuetify'

export default createVuetify({
  // 可在此处自定义主题、全局组件配置等参数
})

4. 修改项目入口文件src/main.js，挂载Vuetify实例

import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'

createApp(App)
  .use(vuetify)
  .mount('#app')

后续给Vite项目安装Vue生态插件时，优先查找Vite适配的安装配置方式，不要直接使用Vue CLI专属的vue add指令，二者的项目配置体系不互通。

内容的提问来源于stack exchange，提问作者ieva