在开始学习 React 前端开发之前,我们首先需要安装 React 库和工具。React 是一个基于 JavaScript 的库,用于构建用户界面。以下是安装 React 的步骤:
1. 安装 Node.js
React 使用 Node.js 来运行,因此首先需要安装 Node.js。你可以从 Node.js 官网 下载并安装适合你操作系统的版本。
安装完成后,可以通过以下命令检查 Node.js 是否成功安装:
node -v npm -v
如果能够看到 Node.js 和 npm 的版本号,则说明安装成功。
2. 创建 React 应用
使用 Create React App 工具可以快速创建一个新的 React 应用。在命令行中运行以下命令来安装 Create React App:
npx create-react-app my-react-app
上面的命令会创建一个名为 my-react-app
的新 React 应用。
3. 运行 React 应用
创建 React 应用后,可以通过以下命令进入应用目录并启动应用:
cd my-react-app npm start
这将在浏览器中打开一个新的窗口,并加载你的 React 应用。你可以在代码编辑器中修改应用代码,并实时看到修改后的效果。
通过以上步骤,你已经成功安装并创建了一个简单的 React 应用。在接下来的章节中,我们将深入学习 React 的各种功能和用法。