【VSCode】これだけ入れておけば困らない拡張機能

ほぼ自分用です。いいのがあったら随時追記していきます。

簡単なフロントやスクリプト作成がメインです。

アルファベット順に記述します。

• Auto Close Tag
  HTMLのタグを記載すると閉じたぐも自動的に記述してくれます。
  https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

• Auto Rename Tag
  HTMLのタグの要素名を変更すると、対応するタグも変更してくれます。
  https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

• Docker
  VSCodeからDocekrを管理するための拡張機能
  コンテナにログインしてターミナル操作したりもできます。
  https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker
• Dev Containers
  WEB開発では入れてるやつです。
  VSCodeからコンテナを接続し、Dockerの拡張より楽にファイル管理等ができます。
  https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers

• ESLint
  JavaScript のリンターで構文エラー等を教えてくれます。
  https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

• indent-rainbow
  インデントの階層を色分けして見やすくしてくれます
  https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
  ☆Python書いているとき便利

• Japanese Language Pack for Visual Studio Code
  VScodeを日本語化するための拡張機能

• Live Server
  記述したHTML等をサクッと確認するときに便利です。
  https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

• Path Intellisense
  コード内でインポートするファイルのパスを自動補完してくれます。
  https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

• Prettier
  コード自動整形ツールで、保存するたびにコードを綺麗にしてくれます。
  https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
  ☆Udemy等の自動生成字幕だと、プリキュアにされるあれです。

• Remote - SSH
  VSCodeからSSHができる様になります。
  https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh

• stylelint
  CSS 用のリンターで構文エラー等を教えてくれます。
  https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint

• vscode-icons 
  表示されるファイルアイコンがリッチを見やすくしてくれます。
  https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

以上、どなたかの役に立てば幸いです。