0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VSCodeで絶対に入れとけ拡張機能5選

Last updated at Posted at 2025-12-10

独断と偏見で記事を書いています。他の方の記事と重複等ありますがご了承ください。

1.Japanese Language Pack for Visual Studio Code

言わずとしれた日本語化パックですね。
英語がかっこいいと思ってる方以外はまず最初に入れたほうが効率が良くなると思います。

すべての機能が日本語化されるわけではありません(例:拡張機能の設定等)

image.png

2.Live Share

他の方と共同作業する場合とても便利です。
この拡張機能を起動し(下のボタンより)、URLをコピーして共有するだけでコードスペースの共有を行いコードの同時編集を行うことができます。

image.png

3.indent-rainbow

インデントを見やすく配色してくれます。
デフォルトってインデント見にくいじゃないですか?これめっちゃ便利。Pythonとかインデントが重要な言語ではめちゃくちゃ役立ちます。

例:
image.png
拡張機能の画像:
image.png

4.gitgraph

gitに関する変更履歴等をグラフで視覚的にわかりやすく表示してくれます。
ローカルとリモートでどの位置にいるなども見れて便利です。
これで過去のコミットに戻すことも可能です。

例:
image.png
拡張機能の画像:
image.png

5.Error Lens

コードのエラー内容を下のエラー欄ではなく、エラーが起きている行に表示してくれます。
いちいち下見て何行目の何がエラー吐いてるんだって見つけるの億劫ですよね。
エラーの内容に行が対応しているため視覚的にもわかりやすいです。

例:
image.png
拡張機能の画像:
image.png

結びに

同じような記事を投稿している方もいるのでそちらも参考にしてください
私なりにこれはあったほうがいいだろみたいなのをまとめてみました
VSCode初心者または開発初心者の助けとなれば幸いです

0
1
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
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?