WSL2配置node.js并添加npm至WebStorm创建项目

WSL2配置node.js并添加npm至WebStorm创建项目

前几天摆弄vue,想着把node和git装Linux里,然后和win的WebStorm连链接来跑项目(确实有点折腾)主要还是git装win里也蛮反人类的,正好WSL2的使用体验还不错。

如果你已经安装完了node可直接跳到第四步。

1、首先是去node.js官网下载对应的压缩包

下载 | Node.js
WSL2配置node.js并添加npm至WebStorm创建项目

下载到本地后建议放在个独立文件夹内,路径不要有中文,比如F:/node

2、启动WSL找到下载的压缩文件

WSL因为是共享文件系统,所以可以到/mnt下找到对应的磁盘:
WSL2配置node.js并添加npm至WebStorm创建项目

找到对应的文件解压缩:
WSL2配置node.js并添加npm至WebStorm创建项目

解压完成后的文件:
WSL2配置node.js并添加npm至WebStorm创建项目

3、建立软连接

解压完成后确认bin目录中是否有node和npm这两个文件:
WSL2配置node.js并添加npm至WebStorm创建项目

之后进入WSL将usr/local/bin目录与这两个文件建立软连接:

ln -s /mnt/f/node/node-v14.15.1-linux-x64/bin/node /usr/local/bin

ln -s /mnt/f/node/node-v14.15.1-linux-x64/bin/npm /usr/local/bin

查看配置是否成功:
WSL2配置node.js并添加npm至WebStorm创建项目

至此node的安装完成,然后就是将WSL中的node配置进win中的WebStorm中。

4、配置WebStorm

首先在Setting–>Tools–>Terminal中将默认的Terminal设置改为bash:

“cmd.exe” /k “bash.exe”
WSL2配置node.js并添加npm至WebStorm创建项目

完成后Terminal窗口如图所示:
WSL2配置node.js并添加npm至WebStorm创建项目

然后在新建项目时更改node为从WSL中启动的目录:
WSL2配置node.js并添加npm至WebStorm创建项目

选择add–>add wsl:

然后在弹出窗口中选择你的Linux系统版本和node路径,注意这里的路径一定要是WSL下的你node解压的路径,默认的路径或是上面建立软连接的路径是不行的,什么叫WSL下的路径,比如D盘的“app”文件夹,在win端的路径就是:D:/app、而WSL中则应该是:/mnt/d/app,如这里我的node解压在了F盘的“node”文件夹中则路径就应该是:"/mnt/f/node/node-v14.15.1-linux-x64/bin/node"

WSL2配置node.js并添加npm至WebStorm创建项目
WSL2配置node.js并添加npm至WebStorm创建项目

等项目build完,大功告成
WSL2配置node.js并添加npm至WebStorm创建项目

文章有参考:在Linux系统安装Nodejs 最简单步骤 - front-gl - 博客园
转载请注明出处