VSCodeのスニペットの設定

VSCodeのスニペットの設定

火, 1月 9, 2024

やりたいこと

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

VSCodeのスニペットの設定

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

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

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

"TITLE": {
		"prefix": "xxx",
		"body": [
			"1行目",
			"2行目",
		],
		"description": "yyy"
	}

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

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

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

参考

Markdown向け追加設定

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

othertrueにすることでスニペットが有効になる.

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

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

参考

最終更新日