4 环境搭建之安装Node.js

在开始使用 Vue.js 进行开发之前，首先我们需要搭建开发环境。而这个过程中的第一步，就是安装 Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，它允许我们在后端运行 JavaScript 代码。它不仅是 Vue 开发中的一个重要工具，而且还提供了包管理工具 npm（Node Package Manager），用于管理我们项目中的依赖。

1. 安装 Node.js

1.1 下载 Node.js

首先，我们需要访问 Node.js 的官方网站：Node.js 官网。在首页上，你会看到两个版本的下载选项：LTS（长期支持）和Current（当前版本）。对于大多数情况，我们建议下载 LTS 版本，因为它会更稳定，适合生产环境。

1.2 安装 Node.js

下载完成后，根据你的操作系统进行安装：

Windows

1. 双击下载的 .msi 安装包。
2. 在安装向导中，接受许可协议后，选择安装路径。
3. 在“选择要安装的功能”页面，建议保留默认选项，确保勾选了“在 Windows 上安装 npm package manager”。
4. 点击“安装”，等待安装完成。

macOS

1. 双击下载的 .pkg 文件。

2. 在安装向导中，按照提示完成安装。

brew install node

Linux

在 Linux 系统中，你可以通过包管理器安装 Node.js。例如，在 Ubuntu 上，你可以使用以下命令：

sudo apt update
sudo apt install nodejs npm

2. 验证安装

安装完成后，我们需要验证 Node.js 和 npm 是否已成功安装。在终端（命令提示符）中运行以下命令：

node -v
npm -v

如果一切正常，你应该会看到 Node.js 和 npm 的版本信息。例如：

v16.13.0
8.3.0

注意事项

• 确保使用的 Node.js 版本与 Vue 项目需求相匹配。通常情况下，Vue CLI 建议使用 Node.js 的版本至少为 10.x 及以上。
• 如果你在安装时遇到问题，确保你有足够的权限，并可以尝试使用管理员权限或更改安装目录。

3. 安装 Vue CLI

在安装了 Node.js 后，我们就可以安装 Vue CLI（命令行工具），它可以帮助我们更方便地创建和管理 Vue.js 项目。运行以下命令进行全局安装：

npm install -g @vue/cli

完成后，可以通过以下命令验证 Vue CLI 是否安装成功：

vue --version

这会显示出安装的 Vue CLI 版本。

案例：创建第一个 Vue 项目（预告）

在下一章中，我们将使用 Vue CLI 初始化我们的第一个 Vue 项目。在那之前，确保 Node.js 和 Vue CLI 已经正确安装，因为我们将基于此进行进一步的开发。

通过以上步骤，我们成功地搭建了基于 Node.js 的开发环境，为接下来的 Vue.js 项目打下了坚实的基础。如果在此过程中遇到问题，可以参考 Node.js 官方文档或相关社区讨论。

现在，准备好前往下一章，使用 Vue CLI 初始化我们的项目吧！