Webstorm配置WSL为默认终端并安装配置Node.js

版权申诉
0 下载量 12 浏览量 更新于2024-08-30 收藏 19KB DOCX 举报
"该文档介绍了如何在Webstorm中设置使用Windows Subsystem for Linux (WSL) 作为默认终端,并配置Node.js环境。" 在Webstorm这样的集成开发环境中,使用WSL作为默认终端可以充分利用Linux环境的强大力量,同时保持与Windows系统的紧密集成。以下是如何在Webstorm中进行配置的步骤: 1. 安装WSL: 首先,你需要在你的Windows系统上安装WSL。这通常可以通过在Microsoft Store中搜索并安装你选择的Linux发行版(如Ubuntu)来完成。 2. 配置Webstorm终端: 打开Webstorm,进入`File` -> `Settings` -> `Tools` -> `Terminal`。在`Shell path`输入框中,填写命令`"cmd.exe"/k"wsl.exe"`。这个命令会启动一个CMD命令行,并通过`/k`选项保持其打开状态,然后执行`wsl.exe`来启动WSL终端。 3. 在WSL中安装Node.js: 在WSL环境下,你可以像在普通Ubuntu系统中一样安装Node.js。推荐使用清华高校提供的Nodesource镜像,它能帮助你快速安装最新版本的Node.js。执行如下命令: ``` curl -sL https://mirrors.tuna.tsinghua.edu.cn/nodesource/gpg.key | sudo apt-key add - echo "deb https://mirrors.tuna.tsinghua.edu.cn/nodesource/wsl/ $(lsb_release -cs) main" | sudo tee /etc/apt/sources.list.d/nodesource.list sudo apt-get update sudo apt-get install -y nodejs ``` 4. 设置国内npm源: 为了提高npm包的下载速度,你应该将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 ``` 5. 管理Node.js版本: 推荐使用`n`模块来管理不同版本的Node.js。安装`n`可以执行`npm install -g n`,之后你可以用`n latest`或`n stable`来安装最新或稳定版本的Node.js。 6. 注意权限问题: 当全局安装Node.js模块需要`sudo`权限时,npm会以root用户运行,可能会导致配置文件保存在root的家目录而不是当前用户的家目录。因此,如果要确保npm使用的是修改后的源,你可能需要以root用户身份执行上述更改源的命令。 7. 设置环境变量: 如果你希望所有用户都使用淘宝npm镜像源,可以将`NODE_MIRROR`环境变量设置为`https://npm.taobao.org/mirrors`。在WSL中,你可以通过以下方式设置: ``` export NODE_MIRROR=https://npm.taobao.org/mirrors ``` 或者在`~/.bashrc`或`~/.zshrc`文件中添加这一行,使其在每次启动新的终端时自动生效。 以上就是在Webstorm中设置使用WSL作为默认终端并配置Node.js环境的详细步骤。这样做不仅可以提升开发效率,还可以方便地利用Linux的工具链和npm的国内镜像源,提高包的下载速度。