お役立ち

VSCodeのおすすめ拡張機能


「VSCode」で、おすすめの拡張機能を解説している記事がありましたのでご紹介します。

「Web制作者必見!VSCodeのおすすめ拡張機能15個まとめ」
https://webdesign-trends.net/entry/13147

どれもおすすめですが、個人的に便利だと思う拡張機能をご紹介します。

◆zenkaku
インストールするだけで、全角スペースをグレーでハイライトしてくれる拡張機能です。
全角と半角スペースの違いがすぐに分かります。

◆CSS Peek
クラスの名前部分を、windowsなら「crtl」キー(macなら「command」キー)を押しながらクリックすると、適用されているCSSが表示されます。
そのまま同じところをクリックすると非表示になります。
表示されたCSSをダブルクリックすると、CSSファイルの該当箇所にジャンプします。

拡張機能のインストール方法は「VSCode」起動後に、下記の手順でインストールできます。
1、左のアイコンメニューバーの一番下(ブロックのようなアイコン)をクリック。
2、表示された検索窓に拡張機能の名前を入力。
3、表示された拡張機能の「インストール」ボタンをクリック。

 

こちらの記事もおすすめなので読んでみてください。

「爆速コーディングを実現!Emmetの使い方とVSCodeのおすすめ設定まとめ」
https://webdesign-trends.net/entry/13588

覚えるのがちょっと面倒ですが、慣れてしまうと時短できますね。

-お役立ち
-

© 2026 Web担当屋 ブログ