[VSCode拡張] WEB制作時のおすすめ拡張機能と設定 (2021年9月)

どんな時でもおすすめな拡張機能

Code Spell Checker

スペルミスをチェックしてくれるやつ

https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

Color Highlight

カラーコードに色をつけてくれるやつ

https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

GitHub Copilot

最近流行りのソースコードの予測をしてくれる便利なやつ

GitHubにSignupして使えるようにするとできる

https://github.com/features/copilot/signup

https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

indent-rainbow

きらきらー

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

Trailing Spaces

いらないスペースを消してくれる

https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces

Japanese Language Pack for VS Code

日本人だから

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja

Web制作時のおすすめ拡張機能

IntelliSense for CSS class names in HTML

CSSの補完性能が上がる。めっちゃ便利。作業効率が上がる

https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

便利な設定

Bracket Pair Colorization

設定 > テキストエディター内にある「Bracket Pair Colorization」をEnabledにするとカッコが色付きになる。

Bracket Pair Colorizer(https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)はもういらない!