1.0.5 • Published 2 years ago
vite-plugin-code-locate v1.0.5
简体中文 | English
🚀 features
- ⚡ Combined with the chrome extension, you can quickly locate the code location of DOM, accurate to the line
📦 install
npm install vite-plugin-code-locate -D
🦄 usage
- installed chrome extension codeLocate
- vite.config.ts
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import codeLocate from 'vite-plugin-code-locate';
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
codeLocate()
]
});
- right click menu select "open/close code locate"
- click the project running page's dom, it's will auto open the dom related code in vscode(PS: you should installed vscode env variable)
reference 聊聊在VSCode中怎么点击DOM 自动定位到相应代码行?