VITE-PLUGIN-QUICK-FILE-VUE

Table of Contents

1. Introduction
2. Install
3. Usage

quick-file-vue is a plugin for vite that allows you to quickly find your vue component files.

Install with npm:

npm install --save-dev vite-plugin-quick-file-vue 

Install with yarn:

yarn add vite-plugin-quick-file-vue --dev

Add the plugin to your vite.config.ts:

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

export default {
  plugins: [
    quickFilePlugin()
  ]
}

then you can open a list by pressing q+clicking the left mouse button on an element in your browser, the list contains all the vue component files related to this element, click on an item in the list, you can open this file directly in the editor