駆け出しフロントエンドエンジニアがVisual Studio Codeにインストールすべき拡張機能

フロントエンドエンジニアがVS Codeにインストールしておくと便利な拡張機能をまとめてみました。

• 汎用
• HTML/CSS
• JavaScript

汎用的で便利な拡張機能

• Japanese Language Pack for Visual Studio Code
  • 日本語表記にできる。
• EditorConfig for VS Code
  • 拡張子ごとにインデントのスペース数などを設定できる。
• indent-rainbow
  • インデントの階層ごとに色がつく。
• Code Spell Checker
  • スペルミスを指摘してくれる。

HTML/CSSで便利な拡張機能

• IntelliSense for CSS class names in HTML
  • CSS/Scssからclass名の候補をあげてくれる。
• Auto Rename Tag
  • タグ修正するときに前後連動できる。

JavaScriptで便利な拡張機能

• Rainbow Brackets
  • 対応する()ごとに色をつける。
• JavaScript (ES6) code snippets
  • JS(ES6)の標準関数などの候補をあげてくれる。

まとめ

実際にコードを書く上で私が使用している拡張機能を紹介しました。

便利機能があれば追記していこうと思います。