VSCode 代码片段 Snippets

常规配置

配置 VSCode 支持 Snippet 是比较方便的,

Code - Preferences - User Snippet

就会弹出一个选择框, 提示选择给哪种语言创建 Snippet. 这时可以搜索选择对应语言, 或者干脆创建全局的 Snippet.

选好之后其实就是要创建一个 json 文件, 用于保存 Snippet 内容.

具体创建方法如官文: https://code.visualstudio.com/docs/editor/userdefinedsnippets

编辑器配置

安装官文的意思, 要在配置(Code - Preferences - Settings)中添加

1
2
3
{
"editor.tabCompletion": "on"
}

但是添加完成后, 发现并不是所有语言都能正常使用提示和 Snippet, 比如我们编写的 Markdown Snippet.

改进的配置

1
2
3
4
5
6
7
8
9
10
11
12
{
"editor.insertSpaces": true,
"editor.tabCompletion": "on",
"files.insertFinalNewline": true,
"emmet.showSuggestionsAsSnippets": true,
"editor.snippetSuggestions": "top",
"markdown.trace": "verbose",
"[markdown]": {
"editor.wordWrap": "on",
"editor.quickSuggestions": true //預設是 false
}
}

参考文档

  1. VSCode Snippets - Markdown
  2. VS Code 中自訂程式碼片段的功能(snippet)
Donate - Support to make this site better.
捐助 - 支持我让我做得更好.