ymzhao code snippets
Features
As a front-end developer, config personal snippets for these languages: html, javascript, typescript, jsx, tsx, markdown.
For official and entire snippets, please enter "snippets" in the vscode marketplace to query more.
References
JavaScript (ES6) code snippets
antfu/vscode-settings
Snippets
Below is a list of all available snippets and the triggers of each one.
default
For html, javascript, typescript, jsx, tsx, vue:
Trigger |
Content |
<sc |
Create a <script setup> template |
vuecomp |
Define a vue component |
vuecompfn |
Define a vue component with function syntax |
vuecompjsx |
Create a vue component in jsx format |
<st |
Create a vue <style scoped> tag |
computed |
Create a vue writable computed value |
computed |
Create a writable computed value for vue's modelValue prop |
<htm |
Create a html template |
fn |
Create a function |
afn |
Create an arrowfunction |
prettier-ignore |
Ignore prettier comment |
eslint-disable |
Eslint disable comment |
markdown
For markdown:
Trigger |
Content |
table |
Create a markdown table |
block |
(Support by shiki) Create a markdown block or container |
codeblock |
Create a markdown code block |
codeg |
(Support by shiki) Create a markdown code group |
codehl |
(Support by shiki) Mark a code line |
formatter |
Create a YAML frontmatter in VitePress, with description and keywords |
dirctory |
Create a directory structure |
dirctory |
Create a more loose directory structure |
| |