0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

claude codeをWindows環境(WSL2)にインストールする

Last updated at Posted at 2025-06-23

 参考にした記事

WSL2の状況確認

wsl --version

image.png

Windows 11なのでインストールされています。

Ubuntuのインストール

wsl --list --online

image.png

安定版であるUbuntu-22.04をインストール

wsl --install -d Ubuntu-22.04

npmについて

公式の注意書きがこちら。

image.png

冒頭であげたブログによるとホストOSであるWindows側にnodeがインストールされていると、Ubuntu側でそれを読みに行ってしまい、失敗することがあるようです。

状況をチェック

which npm

image.png

which node

image.png

どうやら、npmはWindows側のものを読みに行っているようですね。一方、nodeは認識されていないので、Ubuntu視点ではnodeは未インストール、ということになります。

nodeのインストール

これを意識しながらnodeをインストールします。

curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -
sudo apt-get install -y nodejs build-essential
node -v     # v22.x が表示されれば OK

image.png

インストール完了後に状況確認をしました。

image.png

nodejsのv22がインストール済み、npmとnodeのパスも/use/binとなっており、Ubuntu視点で正常にUbuntu内のnpmとnodeが参照できています。よかったよかった。

nvmのインストール

nvmをインストールします。nvmは複数のNode.jsバージョンを共存させるためのツールです。環境を汚さないために必要ですが…

Windows環境にClaude Codeをインストールするためにnvmは必須と思われます

当初、面倒だったのでnvmを使わずそのままclaude codeをインストールしようとしましたが、以下のようにWindows環境のnpmを参照し、失敗してしまいました。

image.png

ここで、nvmにインストールして、npmがnvm環境のものに切り替わったのを確認し、再度実行すると成功しました。

image.png

よって、現状この手順を飛ばしてはいけないようです。

nvmをインストール

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
exec $SHELL

node.jsをインストール

nvm install 22
nvm use 22
nvm alias default 22

Claude Codeのインストール

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

image.png

成功です。

メモ

上記手順の後、claudeコマンドを実施して初期セットアップをする必要があります。これはいろいろな記事で既に記載されているので割愛。

メモ2

/ide コマンドでVScodeとターミナル上のclaude codeがリンクできるのですが、Windows環境だと上手くいきません。解決策はこちら。

VSCodeにWSLの拡張機能を入れておく
WSL2上からcodeコマンドでVSCodeを起動する

メモ3 devcontainerでの開発

冒頭の記事でも選択肢の1つとしてWindow × devcontainerでの開発がありましたが、面倒かなと思ってスルーしてました。今やってみたらめちゃ簡単でした。

ide連携も余裕です。

ちなみに私の環境にはdockerがインストール済みだしdevcontainerも過去に使ったことがあるので、そこらへんのセットアップに助けられている可能性はあります

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?