vite+vue3环境下的一个好用的小插件

使用这个插件后, 可以在点击某个dom元素后快速在编辑器中打开与这个dom元素相关的文件

可以省去每次都要在文件树里找文件的时间, 有时候这种小提升能在某些时刻极大的提升开发的爽感

npm地址: vite-plugin-quick-file-vue - npm (npmjs.com)

使用方法: 

// vite.config.ts
import { quickFilePlugin } from 'vite-plugin-quick-file-vue';

export default {
  plugins: [
    quickFilePlugin()
  ]
}

在浏览器中按住q+点击目标元素打开文件列表, 点击某一项后即可在编辑器中打开该文件