博客
关于我
在wsl中使用node和wsl与window环境冲突问题 使用 Ubuntu 系列(6️⃣)
阅读量:538 次
发布时间:2019-03-08

本文共 1291 字,大约阅读时间需要 4 分钟。

在WSL中配置全局Node.js环境

安装Node.js在Windows Subsystem for Linux (WSL)中操作,虽然有一些挑战,但完全可行。以下是详细的操作步骤。

grind……

现状

在安装Node.js之前,我们发现Node和NPM版本查询时会出现错误,提示不存在相关文件。这可能是由于WSL与本地计算机的环境变量配置不一致导致的。

直接在WSL安装Node.js

网上很多教程建议通过一些繁琐的方法(如SSH代理或桥接)来安装Node.js,这对我来说没有成功。于是,我决定采取更直接的方式。

Current situation

安装之前,通过query命令发现节点和npm的版本都无法正确识别。这可能是因为WSL和本地环境的变量配置存在不一致的问题。

Install Node.js in WSL

我直接下载Node.js v10.16.0的Linux版本(注意:链接已被修复)并进行了以下步骤:

cd /usr/local/softwarewget https://nodejs.org/download/release/v10.16.0/node-v10.16.0-linux-x64.tar.xz# 解压tar xvf node-v10.16.0-linux-x64.tar.xz# 重命名并删除压缩包mv node-v10.16.0-linux-x64 node-v10.16.0rm -rf node-v10.16.0-linux-x64.tar.xz

配置全局环境变量

在WSL上安装Node.js后,我需要配置全局环境变量。建议在WSL系统文件( /etc/profile/bashrc)中进行配置。

echo "export PATH=/usr/local/software/node-v10.16.0/bin:$PATH" >> /etc/profilesource /etc/profile

细节注意事项

在配置环境变量时,确保PATH的顺序正确。我之前曾误将bin放在后面,导致npm无法识别环境变量。建议正确顺序是:

export PATH=$PATH:/usr/local/software/node-v10.16.0/bin

这样可以确保npm能正确识别全局安装的依赖工具。

验证配置

安装完成后,使用以下命令验证:

node -vnpm -v

如果版本号正常显示,说明配置成功。

其他注意事项

对于使用Oh-My-Zsh的用户,建议在~/.zshrc中添加环境变量配置:

echo "export PATH=/usr/local/software/node-v10.16.0/bin:$PATH" >> ~/.zshrcsource ~/.zshrc

总结

通过以上步骤,我成功在WSL中配置了全局Node.js环境。现在,可以像在本地一样,轻松使用全局依赖工具,此外,也不再需要为WSL中的Node.js环境进行额外配置。

安装完成后,可以直接运行已安装的全局Node包,无需又在WSL中重新安装所需的全局npm包。

转载地址:http://aouiz.baihongyu.com/

你可能感兴趣的文章
Openlayers实战:点击某点,overlay显示经纬度坐标
查看>>
Openlayers实战:界面控制综合演示
查看>>
Openlayers实战:移动鼠标至重叠几何图形上,获取多层所有features信息
查看>>
Openlayers实战:绘制图形,导出geojson文件
查看>>
Openlayers实战:绘制图形,导出KML文件
查看>>
Openlayers实战:绘制多边形,导出CSV文件
查看>>
Openlayers实战:绘制带箭头的线
查看>>
Openlayers实战:绘制点、线、圆、多边形
查看>>
Openlayers实战:绘制矩形,正方形,正六边形
查看>>
Openlayers实战:自定义放大缩小,显示zoom等级
查看>>
Openlayers实战:自定义版权属性信息
查看>>
Openlayers实战:输入WKT数据,输出GML、Polyline、GeoJSON格式数据
查看>>
Openlayers实战:选择feature,列表滑动,定位到相应的列表位置
查看>>
Openlayers实战:非4326,3857的投影
查看>>
Openlayers高级交互(1/20): 控制功能综合展示(版权、坐标显示、放缩、比例尺、测量等)
查看>>
Openlayers高级交互(10/20):绘制矩形,截取对应部分的地图并保存
查看>>
Openlayers高级交互(11/20):显示带箭头的线段轨迹,箭头居中
查看>>
Openlayers高级交互(12/20):利用高德逆地理编码,点击位置,显示坐标和地址
查看>>
Openlayers高级交互(13/20):选择左右两部分的地图内容,横向卷帘
查看>>
Openlayers高级交互(14/20):汽车移动轨迹动画(开始、暂停、结束)
查看>>