ユーザースニペットが効かない

VS Codeにてユーザースニペットが効かないという状態が発生した。

File > Preference > User Snippetsよりmarkdown.jsonを編集

次にように記した。

{
	"video_tag": {
		"prefix": "video",
		"body": [
			"<video controls playsinline autoplay loop muted src=\"img/$1.mp4\" type=\"video/mp4\" width=\"100%\" height=\"200px\">",
			"Sorry, your browser doesn't support embedded videos.",
			"</video>"
		],
		"description": "Markddown用のmp4貼り付けコード"
	}
}

何の変化もおこらず

本来ならprefixに記入されているvideoに反応しbodyのスニペットが入力されるはず。

動作的には「ｖ」を入れた時点ですでに候補が出てきているはずだ。

しかし何も起こらない。

解決方法

結論から言うとMarkdownはデフォルトでスニペットが無効になっているそうだ。

私の場合はBlogのトップディレクトリの下に.vscodeというフォルダがあるのでその中のsettings.jsonに次のコードを追加する。

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

たったこれだけで完了だ。

再起動なども必要なくsettings.jsonおよびmarkdown.jsonが保存されていればすぐに動作する。

Markdown以外のファイルも同じようなやり方で解決できるのではないだろうか。

余談

settings.jsonに記述した内容は他のサイトで調べると3つのパラメタを追記しているサイトが多い。

しかしながら実際にスニペットを使うだけであれば上で紹介した1行だけで良いので他はデフォルトを維持することとした。