在 wsl 和 windows 之间反复横跳,wsl 跨设备同步代码不方便,网站源码又不想丢到 GitHub 上,还是在 windows 上也搞一下开发环境.参考微软的官方文档,发现了可以和 vscode 跨平台集成的 nvs,果断尝试一下.

一、准备环境

操作系统: Windows 10

开发环境: 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 进行安装.

安装完成以后,重启 power shell,可以通过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.

1
2
3
4
5
6
7
8
9
10
11
12
13
"configurations": [
   {
     "type": "node",
     "request": "launch",
     "name": "Launch Program",
     "program": "${file}",
     "args": [ ],
     "runtimeArgs": [ "6.10" ],
     "windows": { "runtimeExecutable": "nvs.cmd" },
     "osx": { "runtimeExecutable": "nvs" },
     "linux": { "runtimeExecutable": "nvs" }
   },
 ]

三、参考