「WindowsにNode.jsをインストールしたいな。できればバージョンを指定したり切り替えたりもしたい」
こういった悩みにお答えします。
その場合、「nvm-windows」というツールが便利です。なぜなら、Node.jsのバージョンを指定したり切り替えたりすることができるからです。
nvm-windowsを使えばNode.jsのバージョン管理が楽になります。
この記事の内容は以下です。
Node.jsとは
nvm-windowsとは
nvm-windowsをインストールする
nvm-windowsの使い方
Node.jsをインストールする
バージョン指定してNode.jsをインストールする
Node.jsのバージョンを切り替える
この記事を書いている僕は、React、Typescript、Node.jsを中心に開発・発信を行っています。
![【TypeScriptあり】Node.jsとReactでWebアプリを作る【Express使います】](https://images.ctfassets.net/o1bgnefm7hbe/6T7G9REsIPmIL3wWLa2ciY/505a5e871a51481ccdc0a991b1c2f6c2/eyecatch.png?w=260&h=146&q=50&fm=png)
Node.jsとは
Node.jsは、JavaScriptの実行環境です。要するに、JavaScriptアプリが簡単に作れる道具です。さらに、Node.jsがあればReact、Next.jsなどを使った開発ができる環境を構築できます。
Node.jsを使いたい場合、普通なら公式サイトからダウンロードすればOKです。
ですが、それだと非効率です。なぜなら、Node.jsはバージョンがすぐ新しくなるから。
新しいバージョンが出たらまた公式サイトからダウンロードして...ってのは結構面倒です。
しかも、Node.jsを使っていると「やっぱり古いバージョンがほしい...」ってなる場面もあります。初心者からすると「そんなことある?」って思うかもですが、事実です。
Node.jsをもっと簡単にインストールしたい
バージョンを指定してNode.jsをインストールしたい
新しいバージョンと古いバージョンを持っておいて、好きなときに切り替えられたらいいのに...
そんな悩みを解決してくれるのが「nvm-windows」というツールです。
nvm-windowsとは
「nvm」というのは「Node Version Manager」の略です。
「nvm-windows」ではなく、「nvm」というのも存在します。nvmはMacにNode.jsをインストールしたいときに使います。方法は以下で解説しております。
![【Mac向け】nvmでNode.jsをインストールする方法](https://images.ctfassets.net/o1bgnefm7hbe/61mmdepFV1mMi4FEB5i7ce/e3bc53ac32eb3f2d9891fa2d713555ca/install_nvm_eyecatch.png?w=260&h=146&q=50&fm=png)
「nvm-windows」はWindows環境でNode.jsを柔軟に扱ってくれるツールです。主に以下のことができます。
Node.jsをインストールしてくれる
インストールできるNode.jsのバージョンを一覧表示してくれる
複数バージョンのNode.jsをインストールしてくれる
Node.jsのバージョンを切り替えてくれる
不要なバージョンのNode.jsをアンインストールすることもできる
これだけのことができます。WindowsでNode.jsをインストールするならnvm-windowsが必須といえるでしょう。
nvm-windowsをインストールする
GitHubのページからnvm-windowsのパッケージをダウンロードできます。以下のリンクからどうぞ。
![nvm-windowsのGitHubページ](https://images.ctfassets.net/o1bgnefm7hbe/2AXA1qEejAp960KHzF8vjY/a72c2f85b2013684c520ea1904991d89/github-page.png?w=760&h=428&q=50&fm=png)
↑こんな感じのページが開きます。
2023年7月現在だと、nvm-windowsの最新バージョンは「v1.1.11」のようです。
![「nvm-setup.zip」をクリック](https://images.ctfassets.net/o1bgnefm7hbe/7mvGnL4ViUZih8zJAcCJvI/dda42a49105ba2bfa3c9903752bed686/click-nvm-setup-zip.png?w=760&h=428&q=50&fm=png)
↑少しスクロールすると「Assets」というところが見えてきます。「nvm-setup.zip」をクリックします。
ZIPファイルがダウンロードされるので、展開してください。すると、「nvm-setup.exe」というファイルが出てきます。実行してください。
「このアプリがデバイスに変更を加えることを許可しますか?」というメッセージが表示されることがありますが、「はい」でOKです。
![「I accept agreement」をクリックして「Next」をクリック](https://images.ctfassets.net/o1bgnefm7hbe/3McVoXheCJp3naICsoZHH9/4f950524ef2a04537ac40e30d9c7d6f6/accept-agreement.png?w=760&h=428&q=50&fm=png)
↑このようなウインドウが開きます。「I accept the agreement」をクリックして、「Next」をクリックします。
![インストールする場所を決めて「Next」をクリック](https://images.ctfassets.net/o1bgnefm7hbe/1WwXHtfs4Rtdfma4Da3uS9/2500f79b2e782a9f0fbdfec7d6ebffb5/install-location.png?w=760&h=428&q=50&fm=png)
↑インストールする場所を決めます。特にこだわりがなければそのまま「Next」をクリックします。
![symlinkの場所を決めて「Next」をクリック](https://images.ctfassets.net/o1bgnefm7hbe/3M3Bk5MizA7Mm6AQEL2Fzb/c645b13907c50f43d332fe555d8185f0/select-folder-symlink.png?w=760&h=428&q=50&fm=png)
↑ここもそのまま「Next」でいいです。
![「Install」をクリックするとインストールが始まる](https://images.ctfassets.net/o1bgnefm7hbe/7A4EYFfNmqQOMNYIosPeN8/6670a2e5e90f184e23dc4672734f7fbd/ready-to-install.png?w=760&h=428&q=50&fm=png)
↑「Install」をクリックするとnvm-windowsのインストールが始まります。
![「Finish」をクリックして完了](https://images.ctfassets.net/o1bgnefm7hbe/2H08FGLTRJzTcmvDyo8lFk/f6a825911ba9e876a48dee9c2d3782a5/completing-setup-wizard.png?w=760&h=428&q=50&fm=png)
↑「Finish」をクリックして完了です。
nvm-windowsの使い方
ではさっそく、nvm-windowsを使ってみましょう。そのためにはコマンドプロンプトを開きます。
![管理者としてコマンドプロンプトを実行する](https://images.ctfassets.net/o1bgnefm7hbe/5YwEysz82yy6J1tDDWLQg1/9767cae88926febc3ed695118240a750/run-as-administrator.png?w=760&h=428&q=50&fm=png)
↑コマンドプロンプトは必ず「管理者として実行」してください。そうしないと、nvm-windowsは動いてくれません。
まず、nvm-windows自体がちゃんとインストールされているか確認してみます。コマンドプロンプトで以下のように入力して実行してください。
nvm version
バージョンを表す数字が表示されれば、nvm-windowsはちゃんとインストールされています。
次に、以下のコマンドを実行してみてください。
nvm list available
![「nvm list available」を実行するとこのように表示されます](https://images.ctfassets.net/o1bgnefm7hbe/9U9NADGyjySIj6tdLQJhS/45c088374206ab3ef6d55f4a2a6b56b8/nvm-list-available-lts.png?w=760&h=428&q=50&fm=png)
↑すると、現在インストールできるNode.jsのバージョンが 一覧で表示されます。
上記の中に、「LTS」と書かれた部分があります。これは「Long Term Support」の略で、「推奨バージョン」のことです。
Node.jsは、基本的に推奨バージョンをインストールした方がバグが起こりにくいです。というわけで、今回は推奨バージョンをインストールしていきます。
Node.jsをインストールする
nvm-windowsを使ってNode.jsの推奨バージョンをインストールします。以下のコマンドを実行してください。
nvm install lts
2023年7月現在では、「v18.16.1」がインストールされると思います。本当にインストールされたか確認してみましょう。以下のコマンドを実行してください。
nvm list
インストールしたNode.jsのバージョンが表示されれば大丈夫です。
しかし、これだけではNode.jsは使えません。なぜなら、「インストールしたけど適用していない」という状態だからです。
というわけでインストールしたNode.jsを適用しましょう。以下のコマンドを実行します。
nvm use 18.16.1
適用されたか確認します。以下のコマンドを実行しましょう。
nvm current
これで、現在適用されているNode.jsのバージョンが表示されます。Node.jsが使えるようになりました。
ちなみに、Node.jsを使って本格的な開発を体験したいなら「MERNでつくるフルスタックアプリ」という本を読みましょう。なぜなら「フルスタック」で開発できるからです。
「フルスタック」というのはバックエンドとフロントエンド両方とも扱えることを意味します。これ、できる人はかなり市場価値が高いです。
「バックエンドだけ」「フロントエンドだけ」でもいいんですが、意外と周りとの差別化が難しいです。
しかし、「フルスタックできます」ってなればそれだけで差別化できます。年収も結構跳ね上がることになりますし、転職も有利でしょう。
「フルスタック開発」が学べる教材は少ないので、以下の本は結構貴重ですよ。
バージョン指定してNode.jsをインストールする
特定のバージョンを指定してNode.jsをインストールする場合も、nvm-windowsを使えば簡単です。
ここでは試しに「v16.20.1」をインストールしてみましょう。以下のコマンドを実行するだけです。
nvm install 16.20.1
忘れずに「v16.20.1」を適用しておきます。
nvm use 16.20.1
これで、バージョン16.20.1のNode.jsが使えるようになります。
Node.jsのバージョンを切り替える
ここで、以下のコマンドを実行してみます。
nvm list
すると、以下のように表示されたと思います。
18.16.1
* 16.20.1 (Currently using 64-bit executable)
今は以下の2つがインストールされた状態です。
v18.16.1
v16.20.1
nvm-windowsを使えば、いっぺんに複数のバージョンのNode.jsをインストールできるわけです。そして、今は「v16.20.1」を使っている状態です。
では、「v18.16.1」に切り替えてみましょう。以下のコマンドを実行します。
nvm use 18.16.1
本当に切り替わったか確認します。以下のコマンドを実行しましょう。
nvm list
すると、以下のように表示されます。
* 18.16.1(Currently using 64-bit executable)
16.20.1
これで「v18.16.1」に切り替わったことがわかります。もしくは、以下のコマンドでもいいです。
nvm current
このコマンドを実行すれば、現在適用されているバージョンだけが表示されます。
というわけで、今回は以上となります。