vite插件vite-plugin-vue-devtools使用

Vite 插件 Vue DevTools 使用教程

项目地址:https://gitcode.com/gh_mirrors/vi/vite-plugin-vue-devtools

安装

首先，你需要在你的 Vite 项目中安装这个插件。可以使用 npm 或 yarn 进行安装：

npm install vite-plugin-vue-devtools --save-dev

或者

yarn add vite-plugin-vue-devtools --dev

配置

在你的 Vite 配置文件（通常是 vite.config.js/vite.config.ts）中添加插件配置：

import { defineConfig } from 'vite';
import VueDevTools from 'vite-plugin-vue-devtools';
 
export default defineConfig({
  plugins: [
    VueDevTools(),
  ],
});

配置成功重启项目就可以啦，如图：