前言
在 wsl 和 windows 之间反复横跳,wsl 跨设备同步代码不方便,网站源码又不想丢到 GitHub 上,还是在 windows 上也搞一下开发环境。参考微软的官方文档,发现了可以和 vscode 跨平台集成的 nvs,果断尝试一下。
一、准备环境
| 软件 |
|---|
| Visual Studio Code |
| Node Version Switcher |
二、安装
2.1 安装 NVS
安装过程参考 nvs 官方文档。在安装版本管理工具前,建议卸载已安装的 nodejs,以防出现兼容问题。
2.1.1 安装前准备
NVS 可以运行在任何支持 NodeJS 二进制文件部署的平台上,目前不提供从源码进行编译安装的方式。
在安装前,需要决定安装方式,建议普通用户直接选择单用户安装,以下为官方对两种安装方式的介绍。
- For individual development, a single-user installation is recommended because then NVS does not require root/admin privileges for any commands.
- If multi-user functionality is desired, or if NVS should be able to link a version as a system Node.js installation, then it may be installed to a system folder. Adding, removing, or linking node versions will then require root/admin privileges, but using a node version will not.
nvs 的 nodejs 文件缓存目录可以通过修改系统环境变量 NVS_HOME 进行设置。
nvs 需要依赖 powerShell3.0+,在 Windows 8 以后的系统版本内部默认集成,Windows 7 用户需要将系统版本升级到 Windows 7 Service Pack 1 后,通过 Windows Management Framework 3.0 进行安装。
2.1.2 安装
可以直接通过准备环境中提供的链接获取最新版 msi 安装文件进行安装。
也可以利用 windows 下的包管理工具 chocolatey,通过命令 choco install nvs 进行安装。
安装完成以后,重启 powershell,可以通过 nvs -v 命令查看安装结果。
2.2 安装 Node.js
直接运行 nvs 命令即可进入 nodejs 版本选择页面,可以自行选择需要的版本。
随后通过 nvs link version 命令将安装的版本设置为默认运行版本,通过 nvs use version 命令激活当前 shell 的 nodejs,当使用 nvs use 命令但不指定版本时,将激活默认版本。
最后通过 node --version 和 npm --version 确定安装情况。
2.3 vscode 集成
- 安装扩展
Node.js Extension Pack
通过 vscode 打开的工程目录,会在工程根目录创建.vscode 文件夹,在文件夹中新建或修改 launch.json 文件,添加以下内容即可在打开工程时自动激活 nodejs。参数 runtimeArgs 用于指定 nodejs 版本,runtimeExecutable 用于设置 nvs 工具的文件类型,在 Windows 平台下使用 nvs.cmd,在 MacOS 和 Linux 平台下,使用 nvs.
json12345678910111213"configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "program": "${file}", "args": [ ], "runtimeArgs": [ "6.10" ], "windows": { "runtimeExecutable": "nvs.cmd" }, "osx": { "runtimeExecutable": "nvs" }, "linux": { "runtimeExecutable": "nvs" } }, ]