4 Node.js和npm的安装

在上一篇中，我们对React.js的应用进行了初步的介绍，了解了这个框架广泛应用于开发动态网页和单页应用（SPA）的原因。接下来，我们将进入环境搭建的第一步：安装Node.js和npm。这是创建React应用的基础。

什么是Node.js？

Node.js是一个基于Chrome的V8引擎的JavaScript运行环境，让我们可以在服务器端运行JavaScript代码。它的非阻塞I/O模型使得处理高并发请求时更加高效。

什么是npm？

npm是Node.js的包管理器，帮助我们管理JavaScript的依赖库。通过npm，我们可以轻松下载、更新和管理项目所需的各种库和框架，包括React.js。

安装Node.js和npm

1. 下载Node.js

前往Node.js官网下载最新的稳定版本（LTS）。选择合适的操作系统版本进行下载：

• Windows: 下载.msi安装包，双击运行并按照提示完成安装。
• macOS: 下载.pkg安装包，双击运行并按照提示完成安装。
• Linux: 可以使用包管理器，例如在Ubuntu上运行以下命令：

sudo apt update
sudo apt install nodejs npm

2. 验证安装

安装完成后，打开终端（或命令提示符），输入以下命令来验证Node.js和npm是否成功安装：

node -v

npm -v

如果成功安装，会显示出对应的版本号。例如：

$ node -v
v18.15.0

$ npm -v
9.5.0

3. 设置环境变量（可选）

在某些操作系统上，您可能需要手动配置环境变量。确保Node.js和npm的可执行文件路径在系统的PATH环境变量中。这样，您在任何目录下都可以运行node和npm命令。

创建第一个Node.js项目（演示）

为了帮助大家理解如何使用Node.js和npm，我们可以创建一个简单的Node.js项目，测试环境是否搭建成功。

1. 创建项目目录

在终端中运行以下命令以创建新项目目录：

mkdir my-first-node-app
cd my-first-node-app

2. 初始化npm项目

在项目目录中初始化npm项目，运行以下命令：

npm init -y

该命令会生成一个package.json文件，其中包含有关项目的基本信息和依赖列表。

3. 创建一个简单的Node.js应用

在项目目录中，创建一个名为app.js的文件，并添加以下代码：

console.log('Hello, Node.js!');

4. 运行Node.js应用

在终端中，根据下列命令运行应用：

node app.js

您应该会在终端看到输出：

Hello, Node.js!

这表示您的Node.js环境已经成功搭建。

结语

到此为止，我们完成了Node.js和npm的安装及环境搭建的基本过程。掌握这一切是后续创建React应用的基础。接下来，我们将在下一篇文章中详细介绍如何创建一个简单的React应用。保持关注，继续学习吧！