之前文章介紹過VSCode Snippets, 也就是所謂的「使用者程式碼片段」,對懶人來說非常方便。但最近我想幫 Markdown 做一些 Snippets,卻發現輸入 prefix 後無法跳出選單。

解法

  • 查明原因,原來 VSCode 預設 Markdown 是不會自動偵測 Snippets 並跳出建議選單的,只要將其設為 true 即可。
  • 檔案 » 喜好設定 » 設定,搜尋 “markdown”,將 “editor.quickSuggestions”: true 即可。
"[markdown]": {
  "editor.wordWrap": "on",
  "editor.quickSuggestions": true //預設是 false
}

"editor.quickSuggestions": true

我常用的使用者程式碼片段

  1. html.json:包含jQuery, Bootstrap, Vue 的 CDN 引入
  2. javascript.json:包含jQuery ajax, Vue 架構

存檔路徑

使用者程式碼片段的設定會儲存在下面路徑

PATH = "C:\Users\Mike\AppData\Roaming\Code\User\snippets"
//其中 Mike 是您電腦的使用者名稱

工具

Snippet Generator是建立 Snippet 的好用工具,在左邊直接輸入程式碼片段,右邊就會產生要設定的內容,而且還可以選擇要產生哪種編輯器的格式。 Snippet Generator

參考

VS Code 中自訂程式碼片段的功能(snippet)