Visual Studio Code 初期設定ガイド！インストールからおすすめ拡張機能まで解説

「プログラミングを始めたいけれど、エディタの設定が難しそう…」

「VS Codeをインストールしたけど、まず何をすればいいの？」

そんな悩みをお持ちではありませんか？ Visual Studio Code（VS Code）は、世界中のエンジニアに愛用されている最強クラスのエディタですが、初期状態では英語だったり、機能がシンプルすぎたりと、少し工夫が必要です。

本記事では、初心者の方でも迷わずに済むよう、VS Codeのインストール方法から、業務効率を爆上げする日本語化、図解作成プラグインの設定まで詳しく解説します。

1. VS Codeをインストールしよう

まずは、VS CodeをPCに導入しましょう。OS（Windows/Mac/Linux）に合わせて最適なインストーラーをダウンロードできます。

💡 ワンポイントアドバイス

Windowsの場合、インストール時のオプションで「PATHに追加する」にチェックを入れておくと、コマンドプロンプトやターミナルから code と打つだけでVS Codeを開けるようになるので便利ですよ。

VS Codeをより使いやすくするための基本設定については、現在コンテンツを準備中です。

「フォントサイズの変更」「自動保存の設定」「テーマのカスタマイズ」など、快適な開発環境を作るための Tips を追記予定ですので、楽しみにお待ちください！

VS Codeの最大の魅力は、自分好みに機能を拡張できることです。ここでは、まず最初に入れておくべき必須プラグインを紹介します。

VS Codeは初期設定では英語表記です。まずは日本語化して、操作のハードルを下げましょう。

プラグイン名： Japanese Language Pack for Visual Studio Code
使い方： 拡張機能アイコン（左側の四角いマーク）から検索してインストールし、右下に出るポップアップで「Restart」をクリックするだけで日本語になります。

エンジニアにとって、仕様書やメモの中に「図」をサクッと書ける環境は非常に重要です。

テキストベースでフローチャートやシーケンス図が書ける「Mermaid」をサポートするプラグインです。

Markdown Preview Mermaid SupportMarkdownのプレビュー画面で、Mermaid記法をそのまま図として表示してくれます。

作成したドキュメントを共有するために、PDF化する機能も追加しましょう。

Markdown PDF を使ってPDFを出力する際、デフォルトではMermaidの図が正しく描写されないことがあります。その場合は、以下の設定を行ってください。

JSON

"markdown-pdf.mermaidServer": "https://unpkg.com/mermaid/dist/mermaid.min.js"

裏技：

もしPDF出力の設定が面倒な場合は、一度「HTML」として出力し、ブラウザで表示されたものを「印刷（PDFとして保存）」するのが一番手っ取り早く、レイアウトも崩れにくいです。

「コードで書くより、マウスで図を描きたい！」という方にはこちら。

Draw.io integrationVS Code内で、高機能なドローソフト「draw.io」がそのまま使えます。.drawio という拡張子でファイルを作るだけで、作図画面が起動します。

今回はVS Codeのインストールから、日本語化、そしてドキュメント作成に役立つプラグインの設定を紹介しました。

これだけで、メモ取りからコーディングまでこなせる強力な環境が整います。ぜひ試してみてくださいね。