（2026年11月更新：2026年11月に Marketplace で更新日を確認し、標準機能でできるようになったものを整理しました）

● Git

• GitLens：誰がいつ編集したかを表示します。 https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
• Git Graph：ブランチの状態を Sourcetree のように表示します。 https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
• Git History：ログを見やすく表示します。 https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

● JavaScript・TypeScript

• ESLint： https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
• Prettier： https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
• Jest：テストを実行します。 https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest
• Quokka.js：エディタの中で JavaScript・TypeScript を手軽に試せます。 https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
• TypeScript Error Translator：TypeScript のエラーをわかりやすくします。 https://marketplace.visualstudio.com/items?itemName=mattpocock.ts-error-translator
• Template String Converter：文字列に ${hoge} を書くと、自動でバッククォートに変えます。 https://marketplace.visualstudio.com/items?itemName=meganrogge.template-string-converter

Jest を自動で実行しないようにするには、次のように設定します。

"jest.runMode": "on-demand"

TypeScript の import の自動挿入は、VS Code の標準機能でできます。

● HTML・CSS

• HTML CSS Support：HTML で CSS のクラス名を補完します。 https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
• CSS Navigation：HTML のクラス名から CSS・SCSS の定義に移動します。 https://marketplace.visualstudio.com/items?itemName=pucelle.vscode-css-navigation

閉じタグの自動入力は標準の機能です。開始タグと閉じタグを一緒に変える設定はこちらの記事を見てください。 VS Code でHTMLの対応するタグにマルチカーソルが当たらないようにする

● 編集に便利なもの

• change-case：キャメルケースなどを変換します。 https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case
• Rainbow CSV：CSV を列ごとに色分けします。 https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv
• Code Spell Checker：スペルミスを見つけます。 https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
• Path Autocomplete：ファイル名を補完します。 https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete
• Log File Highlighter：ログファイルを色分けします。 https://marketplace.visualstudio.com/items?itemName=emilast.LogFileHighlighter
• Regex Previewer：正規表現の結果を確認します。 https://marketplace.visualstudio.com/items?itemName=chrmarti.regex
• Favorites：よく使うファイルを登録します。 https://marketplace.visualstudio.com/items?itemName=howardzuo.vscode-favorites

● 更新が止まっているが今も入れられるもの

次の拡張機能は長く更新されていません。動かない場合は外してください。

• colonize：shift + enter で行末に ; を入れます（最終更新 2017年）。
• vscode-input-sequence：連番を入力します（2016年）。
• zenkaku：全角スペースを見えるようにします（2016年）。
• Auto-Align：文字の位置を揃えます（2018年）。
• indent-rainbow：インデントを色分けします（2022年）。
• CodeMetrics：コードの複雑度を表示します（2022年）。

● 全角文字を見つける（Highlight）

Highlight 拡張機能（ https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-highlight ）で、全角のスペースや数字に色を付けられます。

"highlight.regexes": {
  "(　)": [
    {
      "backgroundColor": "#d9ad00"
    }
  ],
  "([１２３４５６７８９０])": [
    {
      "backgroundColor": "#d90000",
      "color": "#1f1f1f"
    }
  ]
}

引用： https://qiita.com/yukishiba/items/ab1d3535f2490cb99d38

● Remote Development（SSH でサーバーを編集する）

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

リモートのサーバーを、手元のファイルのように編集できます。

サーバーの監視ファイル数の上限を増やす

Linux のサーバーで次の設定をします。

sudo vi /etc/sysctl.conf

fs.inotify.max_user_watches=524288

監視するファイルを減らして速くする

設定の「Files: Watcher Exclude」に ** を追加すると、ファイルの監視を止めて速くできます。 そのかわり、更新したファイルが Git の一覧に自動で出なくなります。更新ボタンを押すと表示されます。