Svelte for VS Code を入れて Svelte ファイルにハイライトや補完機能をつけるメモです。

Svelte ファイルがプレーンなまま

開発してて気づいたんですが、なにも入れずに使ってると Svelte ファイルにハイライトや補完機能をついてないんですよね。当たり前と言えば当たり前なのですが。

これを開発しやすいように、なんとかしたいんです。

2022/04 時点の情報で進めます。

Svelte for VS Code の拡張機能を入れます

ちゃんと、FAQ • Svelte に言及がありました。公式ありがたい。

Svelte for VS Code - Visual Studio Marketplace

という、Svelte の拡張機能がありました。

探してインストールします。

インストールしたらすぐハイライトして使えた

インストール出来たら、すぐに色がつきました。わーい！

ちゃんと、変数も追ってくれて補完をしてくれてて素晴らしい。（これは上部の script タグで name という変数を設定している。）

これで、より開発しやすくなりますね！

余談

こちらにある、

この設定は、いまでもフォーマットが効いてる気がするので、必要になったら入れてみます。（どこで効くのか良く分かっていない）