WindowsでClaude Code用にVS Codeをセットアップ

WindowsにClaude Codeをインストールできたら、コードを編集するためのビジュアルエディターが欲しくなります。VS Codeなら、エディターでファイルを編集しながら、すぐ隣の統合ターミナルでClaude Codeを実行できます。すべてが1つのウィンドウにまとまります。

重要な概念

VS Code：Microsoft製の無料エディター。ターミナルが組み込まれています。
統合ターミナル：VS Code内にあるPowerShellターミナル。ウィンドウを切り替えずにClaude Codeを実行できます。
ワークスペースフォルダ：VS Codeで開いたフォルダ。Claude Codeはこのフォルダ内のファイルを読み取り・編集します。

必要なもの

WindowsでClaude Codeをインストール済み
VS Codeの基本を読了
10〜15分の作業時間

ステップ1：プロジェクトフォルダを作成

エクスプローラー（タスクバーのフォルダアイコン）を開く
ドキュメントフォルダへ移動
何もない場所を右クリック → 新規作成 > フォルダー
フォルダ名を test_claude にする

ステップ2：VS Codeを起動

Windowsスタートボタンをクリックし、Visual Studio Code または VS Code を検索
検索結果の Visual Studio Code をクリック
起動直後に表示されるWelcomeタブは閉じてかまいません

ステップ3：フォルダを開く

VS Codeメニューバーから ファイル > フォルダーを開く をクリック
ドキュメント へ移動し、test_claude フォルダを選択
フォルダーの選択 をクリックするとVS Codeが test_claude フォルダを読み込みます
「作成者を信頼しますか？」と表示されたらはいを選択

ステップ4：Claude Codeを起動

メニューバーの ターミナル > 新しいターミナル をクリック
下部に開いたターミナルで次を実行：
```
claude
```

インストールチュートリアルに従って、Claudeサブスクリプションでログインしてください。ログイン後、ウェルカムメッセージとClaude Codeのプロンプトが表示されます。

ステップ5：動作テスト

Claude Codeの入力欄に以下を入力してみましょう：

LLMがMarkdown形式を好む理由を説明する短い記事を書き、article.mdとして保存してください。

数秒後、左側のエクスプローラーに article.md が表示されます
ファイルをクリックすると内容を編集・確認できます
プレビューしたい場合はタブを右クリックして プレビューを開く を選択すると、Markdownが整形表示されます

後からVS Codeで再開するには

VS Codeを閉じた後、プロジェクトに戻る方法は次のとおりです：

方法A： VS Codeを起動 → ファイル > 最近使った項目 で test_claude を選択
方法B： エクスプローラーで test_claude フォルダを右クリックし、Codeで開く を選択

次のステップ

既存プロジェクトの説明を依頼：「このプロジェクトが何をするのか説明してください」
新機能を追加：「リストの平均を計算する関数を追加してください」
バグ修正を依頼：「このコードのエラーを修正してください」
「Claude Code」拡張機能を検索し、インライン差分付きのビジュアルUIを試す

トラブルシューティング

claude が見つからない：VS Codeのターミナルで claude --version を実行して確認。見つからない場合は、まずインストール手順に従ってください。
WSLを使っている場合：オプションのWSL/Ubuntuの方法を設定した場合は、拡張機能サイドバーから WSL 拡張機能をインストールし、左下の青/緑のアイコンをクリックして WSLに接続 を選択してから、プロジェクトフォルダを開いてください（パスは /mnt/c/Users/YOUR_USERNAME/Documents/test_claude）。

ワークフローまとめ

VS Code：Windows上で動作し、エディターを提供
統合ターミナル：VS Code内でそのままclaudeを実行
エディターで編集しつつ、ターミナルでClaudeと会話 —— 両方のいいとこ取りです。

作成者：Steven Ge（2025年12月10日）