code-inspector-plugin:https://inspector.fe-dev.cn/
[3]dialoguer: https://github.com/console-rs/dialoguer [4]code-inspector-plugin: https://inspector.fe-dev.cn/
function VitePluginInspector(): Plugin { return { name: "vite-plugin-vue-inspector", // 应用顺序 enforce: "pre", // 应用模式 (只在开发模式应用) apply: "serve", // 含义: 转换钩子,接收每个传入请求模块的内容和文件路径 // 应用: 在这个钩子对SFC模版进行解析并注入自定义属性 transform(code,...
@@ -59,43 +59,33 @@ export function ViteCodeInspectorPlugin(options: Options) {const { escapeTags = [] } = options || {};// jsx const isJsx = let fileType = ''; if ( isJsTypeFile(filePath) || (filePath.endsWith('.vue') &&(...
vite-plugin-dev-inspector 2.2.7 • Public • Published 3 months ago Readme Code Beta 9 Dependencies 0 Dependents 19 VersionsVite-plugin-dev-inspector 简体中文 | English 介绍一个Vite插件,点击页面元素,IDE直接打开对应代码文件。支持 Vue2, Vue3, React, Svelte,Angular, SSR等任何前端工程。安装...
plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC] (https://swc.rs/) for Fast Refresh ## Expanding the ESLint configuration ...
// vite.config.tsimportInspectfrom'vite-plugin-inspect'exportdefault{plugins:[Inspect({build:true,outputDir:'.vite-inspect'})],} After runningvite build, the inspector client will be generated under.vite-inspect, where you can usenpx serve .vite-inspectto check the result. ...
zh-lx / code-inspector Public Notifications Fork 130 Star 1.8k Code Issues 3 Pull requests Discussions Actions Projects Security Insights New issue Jump to bottom vite多页面模式下,只有index页面可用插件,其他页面不可以, #165 Closed eatfishs opened this issue May 14, 2024· 2...
Inspect:Inspect 与 vite-plugin-inspect 集成,可以检查 Vite 的转换步骤。 Inspector:Inspector 与 vite-plugin-vue-inspector 集成,可以检查应用的 DOM 树,并查看渲染它的组件,这样可以更轻松地找到需要进行更改的位置。 独立窗口:Vue DevTools 可以作为一个独立的窗口运行,当你想在小屏幕上调试应用时,它非常有帮助...
name: "vite-plugin-vue-inspector", // 应用顺序 enforce: "pre", // 应用模式 (只在开发模式应用) apply: "serve", // 含义: 转换钩子,接收每个传入请求模块的内容和文件路径 // 应用: 在这个钩子对SFC模版进行解析并注入自定义属性 transform(code, id) { ...