1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【VSCode】Twigファイルに色を付けて見やすくする神プラグイン

Posted at

Twigファイルが見づらすぎる問題

2か月ほど前から業務でTwigファイルを触るようになりましたが、デフォルトだとすべての文字が真っ白で、普通のコードのように色分けされていません。

これでは非常に見づらいですし、見づらいことによるタイプミスやエラーも起きやすくなってしまいます。

ということで、今回はTwigファイルに対して色を付けるVSCodeプラグインを紹介します。

スクリーンショット 2025-08-14 111341.png

「Twig」プラグインをインストール

VSCodeの「拡張機能」タブで「Twig」と検索すると、一番上に「Twig」といった非常にシンプルな名前のプラグインが出てきます。

これをインストールし、有効化してください。

スクリーンショット 2025-08-14 111358.png

すると、あの見づらかったTwigファイルに色が付き、一般的なコードと同様に見やすくコーディングすることができるようになりました!

短いですが今回の記事は以上です。

スクリーンショット 2025-08-14 115701.png

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?