NVM for Mac + VSCode:从配置到实战,手把手教你征服 Node!
2023-09-20 08:40:23
在 Mac 上使用 VSCode 配置和使用 NVM,开启无忧的 Node.js 开发之旅
引言
Node.js 生态圈的飞速发展使得 NVM(Node Version Manager)成为 Mac 开发者必备的神器。本文将深入探究如何在 Mac 上使用 VSCode 配置和使用 NVM,为你的 Node.js 开发之路铺平道路。
认识 NVM
NVM 是一款命令行工具,可以让您在同一台 Mac 上同时安装和管理多个 Node.js 版本。这为在不同项目中使用不同 Node.js 版本提供了极大的便利,无需手动切换系统版本。
安装 NVM
在 Mac 上安装 NVM 非常简单,只需执行以下命令:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
配置 VSCode
安装 NVM 后,在 VSCode 中进行一些配置才能使用它:
- 打开 VSCode 的设置(macOS:Code > 首选项;Windows/Linux:文件 > 首选项)。
- 在 "设置" 搜索栏中输入 "NVM",然后勾选 "NVM:使用 NVM 管理的 Node.js"。
安装 Node.js 版本
现在,您可以使用 NVM 安装所需的 Node.js 版本。例如,要安装 Node.js v16.17.1,您可以运行:
nvm install v16.17.1
使用 NVM
安装了所需的 Node.js 版本后,您可以使用 NVM 来管理它们:
- 列出已安装的 Node.js 版本:
nvm ls
- 切换到特定版本:
nvm use v16.17.1
- 删除版本:
nvm uninstall v12.22.1
VSCode 中使用 NVM
在 VSCode 中,您可以通过以下方式使用 NVM:
- 在 "终端"(macOS:View > 终端;Windows/Linux:视图 > 终端)中运行 NVM 命令。
- 使用 "任务运行器"(macOS:Code > 运行任务;Windows/Linux:终端 > 运行任务)来运行 NVM 命令。
实战案例:创建 Node.js 项目
现在,我们已经配置好 NVM 和 VSCode,让我们创建一个 Node.js 项目来实践一下:
- 在 VSCode 中,打开一个新文件夹,然后运行:
npm init -y
- 在
package.json
文件中,添加以下脚本:
"scripts": {
"start": "node index.js"
}
- 创建一个
index.js
文件,并添加以下代码:
console.log("Hello, NVM!");
- 在 "终端" 中,运行以下命令启动项目:
npm start
如果一切正常,您应该会看到 "Hello, NVM!" 输出到控制台。
总结
通过这篇教程,您已经掌握了如何在 Mac 上使用 VSCode 配置和使用 NVM。这将显著提升您的 Node.js 开发效率,让您在项目中轻松切换 Node.js 版本,尽情享受开发的乐趣。
常见问题解答
- 为什么我无法在 VSCode 中使用 NVM?
确保您已按照本文中的说明正确安装和配置 NVM。
- 如何列出已安装的 Node.js 版本?
在终端中运行 nvm ls
命令。
- 如何删除特定的 Node.js 版本?
在终端中运行 nvm uninstall <version>
命令,其中 <version>
是要删除的版本。
- 如何在 VSCode 中使用 NVM 运行任务?
在任务运行器中,创建或选择一个任务,然后在 "命令" 字段中输入 NVM 命令。
- NVM 与 npm 有什么区别?
NVM 用来管理 Node.js 版本,而 npm 用来管理 JavaScript 包。