はじめに
Windows10+Node.jsは環境が汚れるとか、
グローバルNPMがよくわからないとか、
勝手に容量食っていくとかいう噂を聞いたので、
WSL上に構築を試してみます。
Windows10でWSLを有効化する
これは省略します。
Ubuntuをインストールする。
Windows Storeを開き、Ubuntuと検索します。
Ubuntu16と18がありますが、せっかくなので18を使いましょう。
ほかにも用途があれば、両方入れておくのもよいです。
インストール後はスタートメニューに追加されますので、
起動して初期設定を完了させます。
Visual Studio Codeをインストールする
ここからインストールします。
https://code.visualstudio.com/
Visual Studio Codeを起動
Visual Studio Codeを起動し、ファイル > 基本設定 > 設定 を選択します。
Terminal › Integrated › Shell: Windowsの欄を下記に変更します。
C:\Windows\System32\wsl.exe
確認
ターミナル > 新しいターミナルを選択し、ターミナルを起動します。
その際、ターミナル番号の横に「WSL」と表示されていれば設定完了です。
また、下記のコマンドを入力し、指定のUbuntuがインストールされていることを確認します。
$ cat /etc/os-release
NAME="Ubuntu"
VERSION="18.04.1 LTS (Bionic Beaver)"
となっていれば、設定完了です。
2020/03/11追記：VSCodeのRemote Extensionを利用する
Remote Development Extensionという拡張機能を利用することで、通常のWindowsターミナルとWSLを切り替えて利用できます。
現在はこちらを利用した方がよさそうです。
複数のWSLディストリビューションを入れた結果、使いたいものがうまく使えない場合
下記のサイトを参考に設定を確認＆変更します。
https://u.hoso.net/2018/03/wsl-linux.html
$ wslconfig /list
Windows Subsystem for Linux ディストリビューション:
Ubuntu-18.04
Ubuntu-16.04 (既定)
$ wslconfig /setdefault Ubuntu-18.04
$ wslconfig /list
Windows Subsystem for Linux ディストリビューション:
Ubuntu-18.04 (既定)
Ubuntu-16.04
Node.js環境をインストール
以降は、インストールしたUbuntu上で作業します。
$ sudo apt update
$ git clone https://github.com/creationix/nvm.git ~/.nvm
$ source ~/.nvm/nvm.sh
$ nvm --version
$ nvm install 11.13.0
$ nvm alias default 11.13.0
最後に、使用するための準備をします。
$ vi ~/.bash_profile
以下を記載し、保存
if [[ -s ~/.nvm/nvm.sh ]];
then source ~/.nvm/nvm.sh
fi
入っていることを確認
$ node -v
最後に
ちなみに、これを応用することで、
Cygwinなどを使わずにC++などのビルド環境を構築することもできます。
構築に失敗した場合などは、簡単に削除することが出来ますので精神的にも安心です。