現役コーダーが普段使っているVS Codeの拡張機能を紹介
VS Codeを使っている現役コーダーが選ぶVS Codeのオススメ拡張機能を紹介します。
Insert
Tag
「Shift + Enter」でbrタグを入力できます。
Dwだと標準でできるけど、VS Codeだとデフォルトでできないのでこれはありがたい!
Auto Rename Tag
タグを変更する際に開始タグを編集するととじタグも自動で編集してくれる拡張機能。
CSSTree validator
CSSの構文チェックを行ってくれる拡張機能。
HTML Preview
HTMLをリアルタイムプレビューしてくれます。
Dwであるやつです!
HTMLHint
HTMLのデバッ具を行う拡張機能。
IntelliSense for CSS class names in HTML
入力候補の表示やかっこの自動挿入をしてくれる拡張機能。
Japanese Language Pack for Visual Studio Code
vscodeの日本語化するための拡張機能。
Live Sass Compiler
Sassをコンパイルするための拡張機能。
簡単にSassをコンパイルできる。
Live Server
VS Codeに簡易ローカルサーバを立てることができる拡張機能。
Path Autocomplete
ファイルパスを入力する際に候補となるファイル名が一覧で表示する拡張機能。
Prettier – Code formatter
HTMLやJSなどルールに従って整形することができる。
vscode-icons
アイコンがついて見やすくなる。
他にオススメ拡張機能がぜひ教えて下さい!
ABOUT ME
