IDEA/Webstorm使用WSL作为默认的Terminal并配置nodejs

in 编程
关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9

首先要安装WSL

关于安装步骤,参考这篇文章
在IDEA或WebStorm中:
File -> Settings -> Tools -> Terminal
在Shell path处填:
"cmd.exe" /k "wsl.exe"    
如图:

clipboard.png

设置之后的效果:

Snipaste_2019-08-02_15-49-10

关于WSL(假如你安装的是ubuntu)中的nodejs,安装步骤跟正常在ubuntu上的基本上差不多
推荐使用清华大学的 Nodesource镜像 ,可以装上较新版本的node
安装完之后,建议将npm源设置成国内的
npm config set registry https://registry.npm.taobao.org/
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ 
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
推荐使用 n 来管理node版本
注意:由于全局安装需要sudo权限,这时npm是以root用户运行的,而npm将配置文件储存在用户的home目录下的.npmrc文件中,每个用户使用自己的home目录下的 .npmrc 文件,所以上面切换npm源的命令最好加上sudo在执行一遍,否则在以sudo权限执行npm装包的命令时,npm 还是会从默认的官方源下包,速度极慢。
sudo npm config set registry https://registry.npm.taobao.org/
sudo npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ 
sudo npm config set electron_mirror https://npm.taobao.org/mirrors/electron/

sudo npm install -g n

# 经过测试,在普通用户下 export NODE_MIRROR=<淘宝源> 之后执行 sudo n latest依然会从官方的源下载,所以建议直接切换到root用户执行,
sudo su
# 设置环境变量,使用淘宝的镜像源
export NODE_MIRROR=https://npm.taobao.org/mirrors/node/
# 下载安装最新版node,需要sudo权限
sudo n latest
# 下载安装稳定版node,需要sudo权限
sudo n stable
# 下载安装指定版本的node,需要sudo权限
sudo n 10.16.1

IDEA / WebStorm 将node切换为WSL中的node

File -> Settings -> Languages & Frameworks -> Node.js and NPM
如图:

Snipaste_2019-08-02_22-42-59

在下拉列表中选择ubuntu

clipboard.png

IDEA / WebStorm 会识别出 n 安装的node,也可以选择其他版本的node,n 安装的其他版本的node在WSL中文件系统的路径如下:
/usr/local/n/versions/node

Snipaste_2019-08-02_16-59-33

按下面的这么填就是了
/usr/local/n/versions/node/<version>/bin/node

Snipaste_2019-08-02_22-49-06

如果在之前的项目中,用的是Windows下的node装的包,切换成WSL中的node之后,建议最好删掉node_modules目录,然后在Terminal中重新装一下,因为用的是linux下的node,有部分包是平台相关性的,比如node-sass,用linux下的node无法读取用Windows下的node装的包.

WSL 装包测试

清除缓存后第一次装包

clipboard.png

第二次装包

Snipaste_2019-08-02_23-12-29

第三次装包,这次用 WebStorm 里的 Terminal

clipboard.png

再来一次

clipboard.png

从图中可以看到,在多次安装后,安装速度还是有所加快的,尽管装包的速度也没比Windows版本的node快多少,但WSL好用啊,至少我觉得比Git Bash和cmd好用多了,所以容我夸上一句:

Microsoft,干得漂亮!

关注公众号【好便宜】( ID:haopianyi222 ),领红包啦~
阿里云,国内最大的云服务商,注册就送数千元优惠券:https://t.cn/AiQe5A0g
腾讯云,良心云,价格优惠: https://t.cn/AieHwwKl
搬瓦工,CN2 GIA 优质线路,搭梯子、海外建站推荐: https://t.cn/AieHwfX9
扫一扫关注公众号添加购物返利助手,领红包
Comments are closed.

推荐使用阿里云服务器

超多优惠券

服务器最低一折,一年不到100!

朕已阅去看看