コーディング体験を効率化するために必須の 5 つの VS Code 設定

2026 年 5 月 1 日、東部夏時間午前 8 時 30 分に公開

Zunaid Ali は、2006 年に初めてコンピューターを使用した後、テクノロジーに興味を持つようになりました。彼は 2018 年からハウツー コンテンツを制作しており、その過程で何千人もの人々にリーチしています。

Zunaid さんは子供の頃、人気のブログで技術チュートリアルやトラブルシューティング ガイドを読んでいました。それが彼に自分の執筆活動を始めたいと思わせた。コロナウイルスのパンデミック後、彼はついにテクノロジーライティングの世界に飛び込むことを決意した。 How-To Geek に入社する前は、HecticGeek、Distroid、UbuntuPIT などに執筆していました。

Zunaid 氏が初めて Linux を試したのは、2021 年に Web 開発を学びたいと思ったときでした。経験が浅かったため、Ubuntu を Windows とデュアルブートしようとしてラップトップを台無しにしてしまいました。業を煮やした彼は、Linux を全面的に採用し、Windows を完全に削除しました。そしてそのとき、彼はそれに恋に落ちました。それ以来、彼は Linux を積極的に試しています。

2022 年 4 月に Linux に関する最初の執筆の仕事を見つけた後、彼は知識や洞察をオープンソース愛好家仲間と共有できるように Linux に特化することに決めました。彼は 2023 年 9 月に How-To Geek に入社し、それ以来フリーランスの寄稿者として執筆を続けています。

Zunaid は現在、情報通信技術の学士号を取得中です。執筆以外のときは、テクノロジー ブログを読んだり、楽しいプロジェクトをコーディングしたり、新しいテクノロジーについて学んだりしています。 Linux 以外に、Android 開発とサイバーセキュリティにも興味を持っています。 C/C++、Java、HTML/CSS/JavaScript、Python の経験があります。彼の趣味のプロジェクトのいくつかは、彼の GitHub で見つけることができます。

VS Code は、デフォルト設定の一部がほとんどのプログラマーにとって最適化されていないことに気づくまでは、素晴らしいエディターです。私は、このお気に入りのコード エディターを、コーディング中の煩わしさを軽減する、より洗練されたバージョンに変える方法を検討するために、VS Code の設定を微調整してきました。これらの変更の設定には約 10 分かかります。しかし、一度実行すると、VS Code はより速く、より穏やかに、そしてはるかに信頼しやすく感じられます。

これに沿って、VS Code の JSON ファイルである「settings.json」を調整します。これを行うには、Windows では Ctrl+Shift+P を、Mac では Cmd+Shift+P を押してコマンド パレットを開きます。検索バーに、引用符なしで「JSON」と入力します。 「設定:ユーザー設定を開く (JSON)」をクリックします。今後のセクションに表示される JSON はすべて、この JSON ファイルの中括弧内に貼り付けます。

自動保存

すべての行を入力した後に OCD を保存する必要はありません

数秒ごとに Ctrl+S を押している場合、あなたは一人ではありません。この時点ではマッスルメモリーです。しかし、それは不必要な摩擦でもあります。自動保存はそれを完全に削除します。設定は次のとおりです。

"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000

これで、少し待った後にファイルが自動的に保存されます。コードを記述し、少し停止すると、それが保存されます。小さなことのように思えますが、コーディングの感覚が変わります。

大規模なコードベースでファイルを保存するのを忘れたことがあります。その結果、新しいコードはテストで機能しませんでした。問題を解決するためにあらゆる手を尽くしましたが、保存されていないファイルがあることに気づきました。そのとき、私は自動保存がいかに便利かを知りました。

もう少し制御したい場合は、以下を使用できます。

"files.autoSave": "onFocusChange"

これにより、タブを切り替えたりエディタを終了したりするときにファイルが保存されます。タイミングが重要なスクリプトやタスクを扱う場合に最適です。

関連

保存時にフォーマットする

コードを自動的にクリーンアップします

乱雑な書式設定は、気になるほどではあるものの、毎回修正するほどではないものの 1 つです。ここで保存時にフォーマットします。

"editor.formatOnSave": true

これで、ファイルを保存するたびに、VS Code がファイルをフォーマットします。インデント、間隔、配置は自動的に修正されます。これは HTML ページを作成する場合に最適ですが、インデントによってページが非常に読みにくくなることがあります。手動で修正するのは時間がかかり、面倒です。

Prettier (フロントエンド開発に強くお勧めします) を使用している場合は、それをデフォルトのフォーマッタにすることができます。

"[javascript]": {
 "editor.defaultFormatter": "esbenp.prettier-vscode"
}

自動フォーマットにより手動でのクリーニングが不要になるため、一貫したコーディングが可能になります。スタイルについて考えるのを完全にやめることもできます。

ワードラップ

もう横にスクロールしないでください

水平スクロールは、フローを中断する最も速い方法の 1 つです。長い行を読んでいると、その行が画面から消え、突然スクロールバーを前後にドラッグして内容をつなぎ合わせようとします。

ワードラップをオンにするだけです:

"editor.wordWrap": "on"

長い行がエディター ウィンドウ内で自然に折り返されるようになり、特に JSON、ログ、マークダウン、JSX など、すべてが読みやすくなりました。次回長い行を読む必要があるときに、再びマウスに手を伸ばす必要はありません。常にオンにしたくない場合は、簡単に切り替えることもできます。 Alt+Z を使用してオフにします。

視覚的なノイズを軽減します

VS Code は、ミニマップ、ブレッドクラム、インライン ヒントなど、すべてを表示することで役立つように努めます。しかし、情報が多ければ多いほど良いとは限りません。ただのノイズの場合もあります。エディターが視覚的に忙しいと感じる場合は、いくつかの機能をオフにしてみてください。

"editor.minimap.enabled": false,
"breadcrumbs.enabled": false,
"editor.inlayHints.enabled": "off"

これにより、インターフェースが実際に重要なもの、つまりエディターとコードに取り除かれます。ミニマリストのセットアップを好む場合、これはゲームチェンジャーとなる可能性があります。

とは言え、これは個人的なものです。ミニマップやブレッドクラムを好む人もいます。しかし、これまで疑問を抱いたことがない場合は、よりクリーンな設定を試してみる価値があります。驚くほど新鮮に感じるかもしれません。

関連

IntelliSense コントロール

オートコンプリートの煩わしさを軽減します

オートコンプリートは素晴らしいものですが、そうでない場合もあります。デフォルトでは、VS Code は少し過剰になる可能性があります。文字列を入力しているとき、コメントを書いているとき、または単に何かを考えているときに、候補が表示されます。それは助けというよりむしろ邪魔のように感じ始めます。

次のようにトーンダウンすることができます。

"editor.quickSuggestions": {
 "other": true,
 "comments": false,
 "strings": false
},
"editor.suggestOnTriggerCharacters": false

これにより、実際のコードなど、役に立つ場所には提案が保持され、コメントや文字列など、邪魔になる場所には提案が削除されます。結果？オートコンプリートはより意図的に感じられます。必要なときに表示されます。

Windows 11 プロ

$29.99 $199 節約 $169.01

Windows 11 Pro を 88% の大幅割引価格で入手し、PC エクスペリエンスを向上させましょう。 

VS Code をエディターのように使えるようにする

これらの設定はどれも革新的なものではありません。彼らはずっとそこにいました。しかし、これらを組み合わせることで、驚くほど多くの作業が軽減されます。興味深いことに、VS Code には、コーディングをより楽しくし、より優れたプログラマになれる、このような隠れた機能が他にもたくさんあります。