公式ドキュメントに従って[[VSCode]]での[[Claude Code]]利用を試してみる。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://mintlify.s3-us-west-1.amazonaws.com/anthropic/_generated/favicon/favicon-32x32.png?v=3" /> <span class="link-card-v2-site-name">docs.anthropic.com</span> </div> <div class="link-card-v2-title"> IDEにClaude Codeを追加する - Anthropic </div> <div class="link-card-v2-content"> お気に入りのIDEにClaude Codeを追加する方法を学ぶ </div> <img class="link-card-v2-image" src="https://anthropic.mintlify.app/_next/image?url=%2Fapi%2Fog%3Fdivision%3DDocumentation%26mode%3Dlight%26title%3DIDE%25E3%2581%25ABClaude%2BCode%25E3%2582%2592%25E8%25BF%25BD%25E5%258A%25A0%25E3%2581%2599%25E3%2582%258B%26description%3D%25E3%2581%258A%25E6%25B0%2597%25E3%2581%25AB%25E5%2585%25A5%25E3%2582%258A%25E3%2581%25AEIDE%25E3%2581%25ABClaude%2BCode%25E3%2582%2592%25E8%25BF%25BD%25E5%258A%25A0%25E3%2581%2599%25E3%2582%258B%25E6%2596%25B9%25E6%25B3%2595%25E3%2582%2592%25E5%25AD%25A6%25E3%2581%25B6%26logoLight%3Dhttps%253A%252F%252Fmintlify.s3.us-west-1.amazonaws.com%252Fanthropic%252Flogo%252Flight.svg%26logoDark%3Dhttps%253A%252F%252Fmintlify.s3.us-west-1.amazonaws.com%252Fanthropic%252Flogo%252Fdark.svg%26primaryColor%3D%25230E0E0E%26lightColor%3D%2523D4A27F%26darkColor%3D%25230E0E0E&w=1200&q=100" /> <a href="https://docs.anthropic.com/ja/docs/claude-code/ide-integrations"></a> </div> ## インストール [[VSCode]]のターミナルを開き `claude` コマンドを実行すると[[Claude Code for VSCode]]がインストールされる。 ![[2025-06-24-08-05-01.avif]] <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://marketplace.visualstudio.com/favicon.ico" /> <span class="link-card-v2-site-name">marketplace.visualstudio.com</span> </div> <div class="link-card-v2-title"> Claude Code for VSCode - Visual Studio Marketplace </div> <div class="link-card-v2-content"> Extension for Visual Studio Code - Claude Code for VS Code: Harness the power of Claude Code without leaving you ... </div> <img class="link-card-v2-image" src="https://anthropic.gallerycdn.vsassets.io/extensions/anthropic/claude-code/1.0.31/1750455309758/Microsoft.VisualStudio.Services.Icons.Default" /> <a href="https://marketplace.visualstudio.com/items?itemName=anthropic.claude-code"></a> </div> ## 使ってみる `Run Claude Code` コマンドを実行すると新しい[[エディタグループ (VSCode)|エディタグループ]]で起動する。