未ログイン状態で閲覧中
  • 投稿日:2026/04/15
【スクショ図解付き】VSCodeにClaude Codeを入れる方法【クロコちゃん活用】

【スクショ図解付き】VSCodeにClaude Codeを入れる方法【クロコちゃん活用】

  • -
  • -
会員ID:oUBU3rsI

会員ID:oUBU3rsI

この記事は約4分で読めます
要約
VSCodeにClaude Codeを入れる方法を、スクショ付きで初心者向けにやさしく解説。5つのステップに沿って進めるだけでAIコーディング環境が完成します。

😩「AIを使ってプログラミングしてみたいけど、設定が難しそう…」
そう思っていませんか?

Claude Code(クロコちゃん)をVSCodeに入れると、AIが日々の作業だけでなく、プログラミングをさらにサポートしてくれるようになります。

この記事では、初心者の方でも迷わないように、スクリーンショット付きで手順を一つずつ解説していきます!

この記事を読む前に準備するもの

この記事の手順を進めるには、次の3つが必要です。

✅Windowsのパソコンを使っていること
✅VSCode(Visual Studio Code)がインストール済みであること
✅デスクトップ版のClaude Codeがインストール済みであること

Windows版デスクトップClaudeCodeのインストール方法は、こちらの記事でスクショ付きで丁寧に紹介していますので、まだの方はぜひご覧ください♪

VSCodeにClaude Codeをインストールする5ステップ

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:oUBU3rsI

投稿者情報

会員ID:oUBU3rsI

イルカ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません