4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

フロントエンドエンジニアが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)の標準関数などの候補をあげてくれる。

まとめ

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

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

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?