Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Vue PeekNew to Visual Studio Code? Get it now.

Vue Peek

Dario Fuzinato

|
566,026 installs
| (13) | Free
Allows peek and goto definition for Vue single-file components.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-vue-peek

Version Build Status

This extension extends Vue code editing with Go To Definition and Peek Definition support for components and filenames in single-file components with a .vue extension. It allows quickly jumping to or peeking into files that are referenced as components (from template), or as module imports (from script). Demo

Features

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. (Ctrl+Shift+F12)
  • Go To: jump directly to the css file or open it in a new editor (F12)
  • Hover: show the definition in a hover over the symbol (Ctrl+hover)

See editor docs for more details

  • Visual Studio Code: Goto Definition
  • Visual Studio Code: Peek

Contributing

Contributions and suggestions are greatly appreciated.

Release Notes

1.0.1

  • Fixes #1: referencing component/index.vue files

1.0.0

  • Initial release

Thanks

Inspired by vscode file peek

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft