Claude Codeをwindows11に導入してVSCとつなげてみた

WSLインストール

VSCとClaude Code連携できるとの話を聞いて拡張機能を見てみたがどうも違うらしい。とりあえず、windowsにインストールしてみる。

npm install -g @anthropic-ai/claude-code --force --no-os-check

上記コマンドをPowerShellで打ったがエラーにWSL（Windows Subsystem for Linux）上でしか動作しないようだ。

wsl --install

でインストールする。ubuntuを選択した。

claude-codeインストール

検索からWSLを探して実行するとコンソールが現れる。再びnpm installを行おうとすると同じエラー。どうもwindowsにインストールしたnpmコマンドが実行されているようなのでnvmでWSL側にnpmとnodeをインストール。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

source ~/.bashrc

nvm install --lts

nvm use --lts

コンソールを立ち上げ直して

npm install -g @anthropic-ai/claude-code

これでインストールできた。

VSCからの利用

既存のVSCプロジェクトに取り込もうとプロジェクトを開く。
WSLの拡張機能をインストール。
ショートカット CTRL+SHIFT+PでコマンドコンソールからWSL:connectをするとプロジェクトから外れてしまう。
解決策はWSL内でプロジェクトを作るようにとあったのでプロジェクトフォルダをコピー死体がパスがわからない。
\\wsl.localhost\Ubuntu\home\ユーザー名
ここがWSLのホームディレクトリのようなのでそこにプロジェクトフォルダを移動
エクスプローラーから
\\wsl.localhost\Ubuntu\home\ユーザー名\プロジェクトフォルダ\プロジェクト.code-workspace
からプロジェクトを読み込むと

と表示される。reopenするとWSL上でプロジェクトの起動になる。
ターミナルを開いて
claude
コマンドが使用可能。

WSLコンソールからcode コマンドで実行するのが正解らしい。がウインドウズショートカットで実行できる便利も捨てがたい。
そのうち起動バッチを作るかも。

料金など

Anthropic API利用の場合です。（他にMAXプランでも使えるようです。）
試しに
claude "プロジェクトの構造を教えて"
をやってみたところsonet4で0.06$分のトークン消費だった。
claude /init
でCLAUDE.mdプロジェクトガイドを生成すると0.4$
プロジェクト全体をインプットしてガイドを作るため既存プロジェクトがデカいと結構消費しそうだ。
ファイルを絞った利用で節約しよう。