Open25

【随時更新】使ってるVSCodeの拡張機能のまとめ

ピン留めされたアイテム
catnosecatnose

僕がVSCodeに入れてる拡張機能をまとめておきます。フロントエンド周りのものが多めです。

  • 随時更新します。
  • おすすめの拡張機能があれば、お気軽にコメントをどうぞ。
  • 「それ不要だよ」みたいなものがあればご指摘ください。
catnosecatnose

Bracket Pair Colorizer 2 → 標準搭載になったので不要

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

  • 開き括弧({)に対応する閉じ括弧(})に色をつけて見やすくしてくれる
  • 「2」はパフォーマンスと正確性が向上しているとのこと
Kazuk1 ShimamotoKazuk1 Shimamoto

この機能は本体に標準搭載になったので不要そうですね

以下の設定を追加すれば括弧記号色付け機能が使えるようになります!

{
    "editor.guides.bracketPairs": true,
    "editor.bracketPairColorization.enabled": true
}
catnosecatnose

Remove backspace control character

https://marketplace.visualstudio.com/items?itemName=satokaz.vscode-bs-ctrlchar-remover

  • 日本語を書いていると、バックスペース文字が入ってしまう(デフォルトの設定では見えない)ことがあるが、これを保存時に削除してくれる。
  • もしくはVSCodeのsettings.jsoneditor.renderControlCharacters: trueと書いておくと、バックスペース文字が見えるようになるので、見落としを防げる
nabeyangnabeyang

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

  • Dockerで作った開発環境で開発するときに使ってる。vscodeのインテリセンス等の機能を有効に出来る。
uttkuttk

Git Graph

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

  • gitの履歴を綺麗なグラフとして表示してくれます( 差分ファイルの表示も出来ます )
  • gitの履歴が見やすくなるので、おすすめです。
SpiegelSpiegel

以下のオプションを有効にすればコミット時の電子署名もチェックしてくれるのですね。

settings.json
{
  "git-graph.repository.commits.showSignatureStatus": true
}

署名のチェックまでしてくれるツールは少ないので地味に有り難いです!

uttkuttk

そんな便利なオプションがあったんですね!恥ずかしながら知りませんでした!
教えてくれてありがとうございます🙏
今度使ってみます💪

ログインするとコメントできます