VSCode 代码片段 Snippets

常规配置

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

Code - Preferences - User Snippet

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

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

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

编辑器配置

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

{
  "editor.tabCompletion": "on"
}

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

改进的配置

{
  "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）