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.
Below is a list of all available snippets and the triggers of each one.
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 |
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 |