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 |
| |
