WSL上でNodeJSのセットアップを行う

00.WSLセットアップ.md

WSLやUbuntuのインストールが済んでいない人向け。

1. wslのインストール

powershell上にて以下のコマンドを実行。 管理者権限を求められる&インストール後再起動が求められる。

wsl --install

参考) https://learn.microsoft.com/ja-jp/windows/wsl/install

2. Ubuntuのインストール

以下のページからインストールする。（24.04のリンクだが、22.04などでも大体いけるはず） https://apps.microsoft.com/detail/9nz3klhxdjp5?hl=ja-jp&gl=JP

インストール後、アプリを起動して初期設定情報を入力(Unixユーザ名・パスワードなど。任意のもので可）。

3. VSCodeのインストール

以下のページからダウンロードし、インストーラーを実行。すでにVSCodeをインストール済みの場合はスキップ。 https://azure.microsoft.com/ja-jp/products/visual-studio-code

WSLでVSCodeを利用するため、以下の拡張機能をインストールします（Installを押下するとVSCodeを開くはず）。

https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl

補足： WSLのUbuntuターミナル上で code <path>とコマンドを打つことでそのディレクトリをVSCodeで開くことができます。

$ ~/work/java: code . # ~/work/javaディレクトリをVSCodeで開く

01.NodeJSインストール.md

「00.WSLセットアップ」作業を前提とする。

以下、Ubuntuターミナル上で以下のコマンドを実行する。

nvmのインストール(Nodeのパッケージマネージャー)

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

パスを通す

source ~/.bashrc

コマンドインストール確認。 サブコマンドの一覧などが表示されればOK。

nvm help

特定のバージョンのインストール

特定のバージョンのインストールが必要な場合（今回のハンズオンではリポジトリ側でバージョン指定するので不要）。

nvm install <version>
nvm use <version>

02.Javaのインストール.md

「00.WSLセットアップ」作業を前提とする。

以下、Ubuntuターミナル上で以下のコマンドを実行する。

zip/unzipのインストール

次のステップでインストールするsdkmanのインストールに必要なため。

sudo apt update
sudo apt install zip unzip

sdkmanのインストール

sdkmanはJavaやgradleなどJVM系の言語・ツールのパッケージマネージャー。

curl -s "https://get.sdkman.io" | bash

コンソールに実行するコマンドが出力されるはずなので実行する。

コマンドインストール確認

sdk help

サブコマンドの説明などが表示されればOK。

Javaのインストール

以下のコマンドを実行する。 現時点(2024/06/17)の場合、Javaの21系がインストールされるはず。 ハンズオンでバージョンの指定がある場合などは所定のバージョンでインストールする。

sdk install java

インストール確認

java --version