VSCodeのスニペットの設定

やりたいこと

• VSCodeでスニペットを登録したい．
• Markdownのスニペットを登録したい．

VSCodeのスニペットの設定

Code -> 基本設定 -> ユーザースニペットの構成で作成したいスニペットの言語を選択する．

今回はMarkdownで新規作成したかったので，markdown.jsonを入力して開く．

登録したいスニペットを以下のフォーマットで追記する．

"TITLE": {
		"prefix": "xxx",
		"body": [
			"１行目",
			"２行目",
		],
		"description": "yyy"
	}

TITLEはスニペット名，xxxには呼び出しに用いるキーワード，yyyはオプションで説明を記入する．

"body"に展開したい内容を書く．

カーソル位置や変数などを利用できる．

参考

• Snippets in Visual Studio Code | 公式ドキュメント
  • Snippet syntax

Markdown向け追加設定

デフォルトではMarkdownはeditor.quickSuggestionsがすべてfalseになっている．

otherをtrueにすることでスニペットが有効になる．

command ⌘ + shift ⇧ + pでコマンドパレットを開き，settings.jsonを選択して，以下の設定を追記する．

"[markdown]": {
    "editor.quickSuggestions": {
        "other": true
    },
},

参考

• Default settings | 公式ページ