Vue3 + Vite 调试神器
这个插件的好处:可以在浏览器上使用该插件快速定位组件所在的文件,通过vscode自动打开该文件并定位到所处行。
安装插件 vite-plugin-vue-devtools
npm install vite-plugin-vue-devtools -D
项目配置 在项目根目录的vite.config.js中进行如下配置
import { defineConfig } from 'vite'
import VueDevTools from 'vite-plugin-vue-devtools'
export default defineConfig({
plugins: [
VueDevTools(),
vue(),
],
})