📖

claude codeのVS Code拡張がインストールされない問題への対応

2025/06/16に公開

 概要とうとうclaude codeをセットアップして、本格的にAIコーディングを試してみようとした。

公式サイトや初心者向けのyoutube動画などを見ながらいろいろと試しはじめたが、VSCode拡張のインストールに手こずってしまったので、その時の記録。

 症状VS-Code上で/ideコマンドを起動しても対象となるIDEが見つからない、というメッセージが表示され、その以上は何もできない状態だった。


 対応方法結論はこちらの記事のとおり、claude codeのnpmインストールディレクトリ上のvenderディレクトリにvscodeの拡張機能ファイルが置いてあるのでこのディレクトリまで移動して手動で格納機能をインストールすることで対応できた。
❯ code --install-extension claude-code.vsix
Installing extensions...
Extension 'claude-code.vsix' was successfully installed.
しかし、最初、そもそもclaude-codeのnpmがどこにインストールされているかがわからない、という問題に直面した。

そこでclaude codeのインストール先を探すことにした。

 インストール先の探し方主要なプログラム言語などをasdfで管理していたので~/.asdf以下だろうとは考えて、適当なディレクトリを探ってみたが、見つからない。
仕方がないのでclaudeに質問したら、すぐにわかった。
> npxコマンドをグローバルインストールしましたが、インストール先がわかりません。インストール先を調べる方法を教えてください。

● Bash(npm list -g --depth=0)
  ⎿  ~/.asdf/installs/nodejs/23.11.1/.npm/lib
     └── @anthropic-ai/claude-code@1.0.24

● Bash(npm root -g)
  ⎿  ~/.asdf/installs/nodejs/23.11.1/.npm/lib/node_modules

● グローバルインストール先は ~/.asdf/installs/nodejs/23.11.1/.npm/lib/node_modules です。
  調べる方法：
  - npm root -g: グローバルインストールディレクトリを表示
  - npm list -g --depth=0: グローバルにインストールされたパッケージ一覧を表示
もちろん、上の回答にあるとおり、npm root -gでもインストール先を知ることができる。
cd ~/.asdf/installs/nodejs/23.11.1/.npm/lib/node_modules
cd @anthropic-ai/claude-code/vendor
code --install-extension claude-code.vsix
そして再度、VSCodeを再度起動してVSCode内のターミナルでideコマンドを実行。
今度は無事に連携できた。

良かった。

 最後に何番煎じの記事だろうとは思いつつも、どうでも良いことで時間を浪費する人がいなくなれば、と思って公開。

概要

症状

対応方法

インストール先の探し方

最後に

Discussion