在 Visual Studio Code 中為程式碼片段（Code Snippets）添加快捷鍵
- 2020 年 2 月 10 日
- 筆記
Visual Studio Code 默認是關閉了 Markdown 的智慧感知提示的（因為真的是不好用，尤其是其沒有中文分詞的情況下）。那麼在沒有智慧感知提示的情況下如何快速插入程式碼片段呢？
可以使用快捷鍵！
本文介紹如何為程式碼片段綁定快捷鍵。
程式碼片段本沒有快捷鍵相關的欄位可供設置的，不過在快捷鍵設置中可以添加程式碼片段相關的設置。
首先，在 Visual Studio Code 中打開快捷鍵設置：
選擇手工編輯快捷鍵配置文件：
在配置文件中添加這些程式碼即可關聯一個程式碼片段：
[ { "key": "alt+p", "command": "editor.action.insertSnippet", "when": "editorTextFocus", "args": { "langId": "markdown", "name": "Insert a post for blog.walterlv.com" } } ]
在這個配置中，alt+p 是我指定的快捷鍵，editor.action.insertSnippet 表示執行命令插入程式碼片段，生效條件為 editorTextFocus 及文本編輯器獲得焦點的期間。
args 欄位指定了兩個值，作為對一個現有程式碼片段的引用。langId 是生效的語言 Id，name 是程式碼片段的名稱。這個名稱是我在 在 Visual Studio Code 中添加自定義的程式碼片段 中做的程式碼片段的名稱。
保存，現在按下 alt+p 後就會插入指定的程式碼片段了。
事實上，args 也可以不是引用，而直接是程式碼片段的內容：
[ { "key": "alt+p", "command": "editor.action.insertSnippet", "when": "editorTextFocus", "args": { "snippet": "@[TOC](walterlv 的部落格目錄)" } } ]
這樣，也不需要事先定義程式碼片段了。
額外提及以下，Visual Studio Code 快捷鍵只能設置全局的而不能設置僅工作區生效，詳情請看 load keybindings.json from .vscode dir if there is any ? · Issue #10708 · Microsoft/vscode。
參考資料
- Creating your own snippets in Visual Studio Code
- load keybindings.json from .vscode dir if there is any ? · Issue #10708 · Microsoft/vscode
本作品採用 知識共享署名-非商業性使用-相同方式共享 4.0 國際許可協議 進行許可。歡迎轉載、使用、重新發布，但務必保留文章署名 呂毅 （包含鏈接： https://blog.walterlv.com ），不得用於商業目的，基於本文修改後的作品務必以相同的許可發布。如有任何疑問，請 與我聯繫 ([email protected]) 。
