Windows 11 に Node.js をインストールしよう

# はじめに
Qiita の記事を GitHub のリポジトリで管理する手法を Qiita さんが公開されていたことを、遅ればせながら気づきました。

https://qiita.com/Qiita/items/32c79014509987541130

上記記事の中でリンクされている Qiita CLI のセットアップについては、Node.js のインストールについては事前準備で簡単に触れられており Step by Step の記事は無さそうでした。

https://github.com/increments/qiita-cli

Node.js のインストーラーでセットアップすれば完了するはずですが、下記記事でバージョンマネージャーを使用することを推奨されておりました。

https://learn.microsoft.com/ja-jp/windows/dev-environment/javascript/nodejs-on-windows


ということで、今回は私のように「Qiita の記事を GitHub + VSCode で管理したいけれど、Node.js は初めて触るので Node.js のセットアップ手順を知りたい」という方に参考にしていただけるよう、セットアップ手順を図解していきます。

なお、掲載する内容は 2023 年 10 月時点の情報です。

## 前提条件
セットアップを行うにあたり、記事作成時点の環境を前提条件として記載しておきます。いずれも、執筆時点の最新バージョンです。
- OS : Windows 11 Enterprise 22H2
- PowerShell : 5.1.22621.2428 ($PSVersionTable.PSVersion コマンドにて確認)
- VSCode : September 2023 (version 1.83)


# セットアップ
## ノードバージョンマネージャー (NVM) のセットアップ
再掲になりますが、こちらの公開ドキュメントを参考に nvm-windows のセットアップを行っていきます。

https://learn.microsoft.com/ja-jp/windows/dev-environment/javascript/nodejs-on-windows

1. **https://github.com/coreybutler/nvm-windows/releases** にアクセス
1. Latest バージョンの Assets にある nvm-setup.exe をクリックし、実行します。(執筆時点では、Version 1.1.11)
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/20a9e95d-7d04-bd33-0687-984e6857268f.png)
1. License Agreement を確認の上、「Accept」を選択し「Next」をクリック
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/a618531d-93cb-5907-4383-8b10e0340b8a.png)
1. インストール先を確認 (必要に応じ適宜変更) し、「Next」をクリック
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/939080e9-e4f3-5d53-29e9-11cf803a0762.png)
1. シンボリックリンクの作成先を確認 (必要に応じ適宜変更) し、「Next」をクリック
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/2c647b08-4d17-b064-a2fb-b07651addfe6.png)
1. インストール開始前の画面で内容を確認し、「Install」をクリック
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/7178fdcc-f475-1f7f-7c55-cbdaf1c3bd50.png)
1. インストール完了を確認し、「Finish」をクリック
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/a88cc336-754e-34da-e3ae-6bb36a47796b.png)

## Node.js のインストール
1. スタートメニューで PowerShell を検索し、「管理者として実行する」をクリック
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/af829bb3-a2a5-cdaf-ba43-d3a297764ed1.png)
1. 「nvm ls」コマンドを実行し、No installations recognized. と表示されることを確認
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/5fe00d5a-c84a-7f7d-115e-1e403e7c097b.png)
1. 「nvm install {Version}」コマンドを実行し、インストールが成功することを確認 (Version は、**https://nodejs.org/ja** にて推奨版のバージョンを確認 (記事作成時点で 18.18.2 が最新)
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/d699a42a-94ce-e457-e268-aac19334ca3c.png)
1. 「nvm use 18.18.2」コマンドを実行し、使用するバージョンが 18.18.2 になったことを確認 (複数のバージョンをインストールしてる場合のみ実行が必要ですが、手順通りであれば 18.18.2 のみインストールされている状態のため実行は不要です)
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/39e8b712-c5d9-c30c-3e21-51d2e8a8da3b.png)

# まとめ
以上でセットアップは完了しました。
これで必要に応じ Node.js のバージョンを変更し利用できるようになりましたので、今後の Qiita の記事は GitHub 経由で投稿していこうと思います。

---
### Appendix
参考までに、 Qiita CLI のインストールからセットアップまでのスクリーンショットを載せておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2366959/3ece4456-1f68-0fba-11e8-2730558f4d16.png)