はじめに
Claude Codeを使って開発するには、ターミナルを使うのが便利です。
その際に、VSCodeとの連携させるのがいいのでこの記事を書いていきます。
前提条件
- VSCode 1.98.0以上
- Anthropicアカウント（claude.aiのアカウントでOK）
- Claude Pro / Max / Team / Enterprise のいずれかのプラン（または従量課金のAPIクレジット）
- Node.js がインストール済みであること
VSCodeのバージョン確認方法
-
Mac：
Codeメニュー →About Visual Studio Code -
Windows/Linux：
Helpメニュー →About
または、コマンドパレット（Cmd+Shift+P / Ctrl+Shift+P）で about と入力 → Help: About を選択。
VSCode拡張機能「Claude Code」をインストール
-
Cmd+Shift+X（Mac）またはCtrl+Shift+X（Windows）で拡張機能ビューを開く - 検索欄に
Claude Codeと入力 - パブリッシャーが Anthropic のものをインストール
⚠️ マーケットプレイスには同名の非公式拡張機能もあります。必ずパブリッシャーが「Anthropic」であることを確認してください。
Claude Code の CLI をインストール
以下のコマンドをターミナルで実行します。
npm install -g @anthropic-ai/claude-code
4. 動作確認
claude
これでClaude Codeが起動すれば連携完了です🎉
このターミナルに文字を入力して、指示を出して開発できます。
こんなエラーが出たら？
401 Authentication Error（OAuthトークン切れ）です。
OAuthトークンが期限切れになっています。再ログインすれば解決します！
ターミナルで以下を実行してください：
claude auth login
ブラウザが開いてログイン画面が出るので、claude.ai と同じアカウントでサインインしてください。完了したらターミナルに戻って claudeを実行します。
まとめ
| 手順 | コマンド / 操作 |
|---|---|
| バージョン確認 |
Help → About
|
| 拡張機能インストール | VSCode拡張機能から「Claude Code」（Anthropic製） |
| CLIインストール | npm install -g @anthropic-ai/claude-code |
| ログイン | claude auth login |
| 起動確認 | claude |
トークン切れのエラーが出たときは claude auth login で再ログインすれば解決します！
参考
- Claude Code 公式ドキュメント
- VS Code Marketplace - Claude Code
- Claude Codeで添削