STEP 1-2

拡張機能を検索してインストール

まずはVSCodeにClaudeCode拡張機能を追加します。VSCodeが未導入の方は、前のセクションを参考に公式サイトからインストールしておきましょう。

1

未導入なら公式サイトからダウンロードして起動しておく。

2

左サイドバーの拡張機能アイコンをクリック。またはショートカット Ctrl+Shift+X（Macは Cmd+Shift+X）でも開けます。

「Claude」で検索してインストール

3

拡張機能パネルの検索バーに「Claude」と入力します。

4

一覧から Claude Code（提供元 Anthropic）を見つけます。

5

「インストール」ボタンを押すと追加が始まります。

ポイント似た名前の拡張機能があるため、提供元がAnthropicであることを必ず確認してから入れましょう。

STEP 3-4

インストールが終わると、左サイドバーにClaudeのアイコンが追加されます。ここからログインまで進めます。

3

左サイドバーに追加されたClaudeアイコンをクリックすると、ClaudeCodeのパネルが開きます。

4

「Sign in with Claude.ai」または「Authorize」をクリックします。

Authorizeをクリック → ブラウザが開く → 許可(Allow) → VSCodeに戻る

クリックすると自動でブラウザが開き、アクセス許可のダイアログが表示されます。内容を確認して「許可（Allow）」をクリックしてください。

つまりこの許可が完了すると、VSCodeの中でClaudeCodeが使える状態になります。

STEP 5

最後に、きちんと動くかを確かめます。難しい操作は不要です。

5

ClaudeCodeのチャット欄に「こんにちは」と入力して送信します。

確認返答が返ってくれば、設定はすべて完了です。これでClaudeCodeを使い始められます。

TROUBLE

返答が来ない・ログインできないときは、次の順番で確認してみてください。