ほぼ自分用です。いいのがあったら随時追記していきます。
簡単なフロントやスクリプト作成がメインです。
アルファベット順に記述します。
- 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
以上、どなたかの役に立てば幸いです。
