Skip to content
Visual Studio Code extension for peeking to component files in Vue projects
TypeScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
images
src
test
.eslintrc.json
.gitignore
.travis.yml
.vscodeignore
CHANGELOG.md
README.md
package.json
tsconfig.json
vsc-extension-quickstart.md

README.md

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)

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.

Contributing

Contributions and suggestions are greatly appreciated.

Release Notes

1.0.2

  • Add config title
  • Add variable extension to component/index files

1.0.1

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

1.0.0

  • Initial release

Thanks

Inspired by vscode file peek

Enjoy!

You can’t perform that action at this time.