This extension extends Vue code editing with
Go To Definition and
Peek Definition support for components and filenames in single-file components with a
It allows quickly jumping to or peeking into files that are referenced as components (from template), or as module imports (from script).
The extension supports all the normal capabilities of symbol definition tracking, but does it for css selectors (classes and IDs). This includes:
- Peek: load the css file inline and make quick edits right there. (
- Go To: jump directly to the css file or open it in a new editor (
- Hover: show the definition in a hover over the symbol (
Customize supported languages
There are 2 settings options that allows you to customize targeted files and language in which plugin is activated. By default they look like this:
"vue-peek.targetFileExtensions": [ ".vue", ], "vue-peek.supportedLanguages": [ "vue" ]
You can add support for any file extension you like. To allow plugin to search for .js files: go to settings, search for vue-peek and add .js extension to targetFileExtensions option. If you'd like for plugin to be activated in other languages, add that extension (i.e. "js") to supportedLanguages array.
Contributions and suggestions are greatly appreciated.
- Add config title
- Add variable extension to
- Fixes #1: referencing
- Initial release
Inspired by vscode file peek