はじめに
開発環境の設定、数年前のままになっていませんか？
VS CodeやGitは日々進化しており、昔はプラグインが必要だった機能が今では標準機能として1行で設定できるようになっています。
この記事では、シニアエンジニアからビギナーまで、**「とりあえずこれを設定しておけば開発効率が確実に跳ね上がる」**という最新の神設定を厳選してまとめました。
コピペで1分で終わるものばかりなので、ぜひ手元の環境に導入してみてください！
1. VS Codeの設定（settings.jsonにコピペするだけ）
VS Codeの Command + Shift + P（Windowsは Ctrl + Shift + P）でコマンドパレットを開き、「Preferences: Open User Settings (JSON)」 を選択して、以下の設定を追加してください。
{
// 💡 保存時に自動でコード整形＆不要なインポートを削除
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.organizeImports": "explicit"
},
// 💡 タイポ防止：全角スペースを強調表示して目立たせる（拡張機能不要！）
"editor.unicodeHighlight.nonBasicASCIICharacters": true,
"editor.unicodeHighlight.invisibleCharacters": true,
// 💡 画面を広く使う：ミニマップとインデントガイド、エクスプローラのネスト
"editor.minimap.enabled": false,
"editor.guides.bracketPairs": "active",
"explorer.compactFolders": false,
// 💡 予測補完（IntelliSense）の挙動を快適にする
"editor.suggestSelection": "first",
"editor.quickSuggestions": {
"other": "on",
"comments": "off",
"strings": "off"
},
// 💡 ターミナルの文字フォントやサイズを調整して視認性を上げる
"terminal.integrated.fontSize": 14,
"terminal.integrated.cursorBlinking": true,
// 💡 ファイルの末尾に必ず改行を入れ、無駄な末尾スペースは削除してコミットを綺麗に
"files.insertFinalNewline": true,
"files.trimTrailingWhitespace": true
}
✨ これを入れるだけで変わること
- コードを書いて保存するだけで、一瞬できれいなフォーマットに整います。
- ハマると厄介な「全角スペースの混入」を一発で見つけられます。
- 右側のミニマップを消すことで、ノートPCの画面でもコード領域を広く使えます。
2. Git / GitHubの設定（ターミナルで1発実行）
普段使っているターミナル（Terminal / ログ）で、以下のコマンドをそれぞれ実行してください。
① git push を世界一楽にする設定
通常、新しいブランチを作って最初にpushするとき、git push --set-upstream origin feature/xxx と長いコマンドを要求されますよね。これを**「いつもの git push だけ」**で自動でやってくれる設定です。
git config --global push.autoSetupRemote true
② ブランチ名がタイポしても「もしかして？」で実行してくれる設定
git checkotu のようにコマンドを打ち間違えたとき、Gitが「もしかしてcheckout？」と自動で推測して0.5秒後に実行してくれます。
git config --global help.autocorrect immediate
③ 競合（コンフリクト）解決がめちゃくちゃ見やすくなる設定
コンフリクトが発生した際、どっちのブランチのコードかが視覚的に一瞬でわかる最新の表示形式（zdiff3）に変更します。
git config --global merge.conflictstyle zdiff3
④ git branch の画面から一瞬で抜け出せるようにする
ブランチ一覧を見た後、わざわざ q キーを押して終了するのが面倒な方向けの設定です。画面を占有せずにターミナルに直接出力します。
git config --global pager.branch false
3. 【おまけ】2026年に絶対入れるべきVS Code拡張機能 3選
これらは設定ファイルだけでは補えない、入れておくだけで開発スピードが変わる神プラグインです。
-
GitLens — Git supercharged
- コードの各行を「誰が・いつ・何のコミットで書いたか」がエディタ上にうっすら表示されます。チーム開発の必須級ツールです。
-
Error Lens
- エラーや警告のメッセージが、画面下部のパネルではなくコードのすぐ横にインラインで直接表示されます。バグに気づくスピードが5倍になります。
-
Prettier - Code formatter
- 先述した「保存時に自動整形」を完璧に動作させるための、世界標準のコード整形ツールです。
まとめ
開発ツールを自分好みに、そして現代の標準に合わせて最適化することは、最もコスパの良い投資です。
「これ知らなかった！」「設定したら快適になった！」というものがあれば、ぜひ いいね（LGTM） や ストック で教えていただけると嬉しいです！
他にも皆さんの「これだけは外せない神設定」があれば、コメント欄でぜひ教えてください！