0
0

Windows11 に Node.js インストール(nvm-windows利用)

Posted at

Windows11 に Node.js インストールしてみる
以前、Node.js を通常インストールしたがバージョン管理の必要が出てきたので nvm-windows より Node のバージョン管理できるようにしたときのメモです
MSのドキュメントにある Windows での NodeJS のインストール を参考にしてます

やることは大雑把にこんなところ

  • Node.js アンインストール
  • Node.js(nvm-windows) インストール

コマンドプロンプト or Powrshell を使う時は 「管理者として実行」 で起動する

Node.js アンインストール

MSのドキュメントよりOSに Node.js 入ってる場合はアンインストールを推奨してる
環境変数とか残ったままだとハマりそうなのでアンインストールしておきます

  1. 現状の Node.js の存在確認 ※無ければインストールに進んでOK!
    コマンドプロンプト or Powrshell で以下を入力して確認
    ※バージョンが出力された場合、有のため次からの作業を実施
    node -v
    
  2. Node のキャッシュをクリア
    コマンドプロンプト or Powrshell で以下を入力(警告は出ても問題なし)
    npm cache clean --force
    
  3. [プログラムの追加と削除] よりアンインストールを実行
    上がってくるダイアログに従い進める、許可などは はい を選択
  4. Node関連のフォルダを削除
    コマンドプロンプト で以下を入力して削除
    # 自分の環境では下から2番目のフォルダのみ残ってました...
    rmdir /s/q "C:\Program Files (x86)\Nodejs"
    rmdir /s/q "%USERPROFILE%\AppData\Roaming\npm"
    rmdir /s/q "%USERPROFILE%\AppData\Roaming\npm-cache"
    rmdir /s/q "%APPDATA%\npm"
    rmdir /s/q "%APPDATA%\npm-cache"
    rmdir /s/q "%USERPROFILE%\.npmrc"
    rmdir /s/q "%USERPROFILE%\AppData\Temp\npm-cache"
    rmdir /s/q "%USERPROFILE%\AppData\Local\Temp\npm-cache"
    
  5. 環境変数(システム、ユーザ) の PATH よりNode関連の参照を削除
    システム環境変数の編集を開き、環境変数 PATHを確認し、node, npm への参照が無いことを確認
    参照が残っていれば削除
    # 自分の環境では参照はなかったです!
  6. Node.js のアンインストール確認
    コマンドプロンプト で以下を入力して何も見つからなければアンイストール完了
    見つかった場合、そのディレクトリを削除
    where node
    

nvm-windows インストール (v1.1.12 2024/08/21時点の最新バージョン)

  1. 以下より nvm-setup.zip をダウンロード
    https://github.com/coreybutler/nvm-windows/releases
  2. 解凍して nvm-setup.exe 実行してインストール
    画面に従い進める、許可などは確認して同意、インストール場所とか選んでインストール
    # こだわりなければデフォルトで進んでOK
  3. インストール確認
    コマンドプロンプト or Powrshell で以下を入力してバージョンが出力されればOK
    ※コマンドプロンプト or Powrshell はインストール後再起動が必要
    nvm -v
    

Node.js インストール (v20.16.0 2024/8/21時点の最新LTS, npm v10.8.1)

  1. Node.js の最新LTS(安定板)バージョン確認
    コマンドプロンプト or Powrshell で以下を入力して最新バージョン確認
    nvm list available
    
  2. Node.js の最新LTS(安定板)インストール
    コマンドプロンプト or Powrshell で以下を入力してインストール
    #nvm install //インストールするバージョン指定
    nvm install 20.16.0
    
  3. インストール確認
    コマンドプロンプト or Powrshell で以下を入力して取得したバージョンが出力されればOK
    nvm ls
    
  4. 使用するNode.js 設定
    コマンドプロンプト or Powrshell で以下を入力して使用する Node.js 設定
    #nvm use //使用するバージョン指定
    nvm use 20.16.0
    
  5. 使用する Node.js 確認
    コマンドプロンプト or Powrshell で以下を入力してバージョン確認
    バージョンが確認できれば作業終了!
    # Node
    node -v
    # Node Package Manager //念のため。。紐づくバージョンに変わる
    npm -v
    
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