Github地址:https://github.com/webfansplz/vite-plugin-vue-devtools/tree/main
1. 安装依赖 pnpmaddvite-plugin-vue-devtools -D 2.引入插件 在vite.config.ts 中引入插件,并在 plugins 中添加该插件: importvuefrom'@vitejs/plugin-vue'importVueDevToolsfrom'vite-plugin-vue-devtools'...exportdefaultdefineConfig({plugins: [vue(),VueDevTools(), ... ] ... }) 启动项目,并在浏...
Vue DevTools 提供了一个用于运行 Vue DevTools 的 Vite 插件。如果项目使用 Vite，强烈建议将其作为运行 DevTools 的首选选项，因为它提供了更强大的功能。$ npm add -D vite-plugin-vue-devtools// pnpm$ pnpm add -D vite-plugin-vue-devtools// yarn$ yarn add -D vite-plugin-vue-devtools// bun$ bun...
Vite 配置示例 import{defineConfig}from'vite'importVueDevToolsfrom'vite-plugin-vue-devtools'exportdefaultdefineConfig({plugins:[VueDevTools(),vue(),],}) 需要注意的是仅在开发模式下可用、仅支持 Vue3.0+ 、仅支持单实例 Vue 应用程序、不支持 SSR (如果你使用 Nuxt ,请使用 nuxt/devtools)。 插件特性 P...
vite.config.ts: import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import vueJsx from '@vitejs/plugin-vue-jsx' import vueDevTools from 'vite-plugin-vue-devtools' ...
3、Vite Plugin: https://devtools.vuejs.org/guide/vite-plugin pnpm add -D vite-plugin-vue-devtools 1. // Configuration Vite import { defineConfig } from 'vite' import vueDevTools from 'vite-plugin-vue-devtools' export default defineConfig({ ...
然后直接在 Vite 配置中添加该插件: // Configuration Vite import {defineConfig} from 'vite' import VueDevTools from 'vite-plugin-vue-devtools' export default defineConfig({ plugins: [ VueDevTools(), ], }) 独立应用程序 如果使用不受支持的浏览器,或者有其他特定需求(例如应用程序位于 Electron 中...
集成vite-plugin-vue-devtools 插件,配置插件可通过 inspector 在 vscode 打开相应的组件 1 parentc48110bcommitb82037f File tree package.json vite.config.ts vite.config.ts +6Lines changed: 6 additions & 0 deletions Original file line numberDiff line numberDiff line change ...
eslint-plugin-vue 9.32.0 globals 16.0.0 typescript-eslint 8.24.1 vite 6.1.1 vite-plugin-vue-devtools 7.7.2 更改eslint.config.js importpathfrom'node:path' importurlfrom'node:url' import{FlatCompat}from'@eslint/eslintrc' exportdefault[ ...
✔ **是否引入Vue DevTools7 扩展用于调试? (试验阶段)** …否 也可以通过附加的命令行选项直接指定项目名称和你想要使用的模板: # npm 7+, 需要额外加 --: npm create vite@latest my-vue-app -- --template vue # yarn yarn create vite my-vue-app --template vue ...