フロントエンドエンジニアが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)の標準関数などの候補をあげてくれる。
まとめ
実際にコードを書く上で私が使用している拡張機能を紹介しました。
便利機能があれば追記していこうと思います。