【2024年版】個人的にデフォで入れたいVSCode拡張機能

2024/06/22に公開

新しいPCに変えた際などに、個人的に入れたいVSCodeの拡張機能をまとめます📝

入れない拡張機能

🗾 Japanese Language Pack for Visual Studio Code

https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ja

  • 入れてもいいし、入れなくてもいい
  • 最近は仕事用PCに入れているので、プライベートPCにも入れた

⌨️ コーディング関連

🖼️ Material Icon Theme

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

  • Explorerビューでフォルダやファイルを名称や拡張子からアイコン表示してくれる。
  • プロジェクトの構造がぱっと見でわかりやすくなるため必須。

🔍 Git Lens

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

  • ソースコードで最後にコミットした人を示してくれたり、ホバーすると詳細が確認できて便利。
  • 一部有料機能もあり、かなり高機能なので使いこなせてない。

📈 Git Graph

https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph

  • コミットを可視化して見れて、UIがシンプルでかなり見やすい。
  • Git Historyも人気だが、UIが見やすいこちらを採用。(その他の機能はGit Lensで十分なので)

🔴 Conventional Commits

https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits

  • 対話的にコミットメッセージが書ける。
  • Gitmoji もプレフィックスの後に選択できる。
    • プロジェクトではどちらか一方しか使っていないことが多かったが、個人開発ではどちらも書いてしまえというノリでやっている。

📁 Project Manager

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

  • プロジェクトを登録できて、タグを用いたグルーピングなども可能。
  • VSCodeを起点に生活できるようになるので大好き。

🖥️ Remote Development

https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack

  • WSL↔DevContainerを用いた開発をしている人には必須。

🐳 Docker

https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker

  • プロジェクト内のコード関連の拡張機能はDevContainerで管理するが、Dockerfileやdocker-compose.ymlはDevContainer構築前に作成する必要があるので入れておく。

🌳 TODO Tree

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree

  • コード内のTODOをハイライトしてくれたり、それらをサイドバーで一覧することができる。

🔖 Markdown All in One

https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one

  • Markdownの記事書いたりメモ書いたりなんだりでかなり有用です。

😃 Markdown Emoji

https://marketplace.visualstudio.com/items?itemName=bierner.markdown-emoji

  • Markdown中で絵文字を使用しているときに、プレビューで表示を確認できる。

😐 :emojisense:

https://marketplace.visualstudio.com/items?itemName=bierner.emojisense

  • Markdown中で絵文字を使用したいときに、補完機能が使えるようになる。

↪️ Render Line Endings

https://marketplace.visualstudio.com/items?itemName=medo64.render-crlf

  • 改行コード(CR,LF,CRLF)を可視化してくれる
  • 最近はLinux系でLFが主流だが、入れておいて意識しておいても損はない

🖊️ テキスト校正くん

https://marketplace.visualstudio.com/items?itemName=ICS.japanese-proofreading

  • Markdownやテキストファイルの日本語文章をリアルタイムでチェックしてくれる、日本語のLinterみたいなもの。
  • ドキュメントを書いていて急に口調が変わったり、固有名詞の書き方が違ったりしてしまうのはりするのはよくあることで、リアルタイムで指摘してくれるのはかなりありがたい。

最後に

最後まで読んでいただきありがとうございます!
完全に個人的な好みで選んでますが、コーディング関連は除いているため万人におすすめできると思います。

Discussion