Vetur lets you use snippets for each embedded languages.
For example, snippet defined for TypeScript will be available in the TypeScript region:
Two exceptions:
vue-html
inside <template></template>
vue
snippets outside all regionsVetur provides scaffolding snippets for quickly defining regions.
They are vue
snippets and can be used outside language regions.
To start using them, type:
<vue
for file scaffolding snippets<template
for template scaffolding snippets<style
for style scaffolding snippets<script
for script scaffolding snippetsThree sources supplement Vetur with scaffold snippets:
<WORKSPACE>/.vscode/vetur/snippets
. These scaffold snippets are only available in the workspace.Vetur: Open user scaffold snippet folder
. These scaffold snippets are available in all workspaces.The workspace/user Vetur snippet folders share the same structure:
Completions of scaffold snippets are sorted by their categories. Workspace > User > Vetur.
You can customize the suffix and turn sources on/off with vetur.completion.scaffoldSnippetSources
:
You can use everything that's allowed in VS Code Snippet Syntax (opens new window). The good thing is, you write them in .vue
files instead of .json
files, and you don't need to escape special characters.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4