博客
关于我
在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/

你可能感兴趣的文章
npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
查看>>
npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
查看>>
npm版本过高问题
查看>>
npm的“--force“和“--legacy-peer-deps“参数
查看>>
npm的安装和更新---npm工作笔记002
查看>>
npm的常用操作---npm工作笔记003
查看>>
npm的常用配置项---npm工作笔记004
查看>>
npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
查看>>
npm编译报错You may need an additional loader to handle the result of these loaders
查看>>
npm设置淘宝镜像、升级等
查看>>
npm设置源地址,npm官方地址
查看>>
npm设置镜像如淘宝:http://npm.taobao.org/
查看>>
npm配置安装最新淘宝镜像,旧镜像会errror
查看>>
NPM酷库052:sax,按流解析XML
查看>>
npm错误 gyp错误 vs版本不对 msvs_version不兼容
查看>>
npm错误Error: Cannot find module ‘postcss-loader‘
查看>>
npm,yarn,cnpm 的区别
查看>>
NPOI
查看>>
NPOI之Excel——合并单元格、设置样式、输入公式
查看>>
NPOI初级教程
查看>>