React 环境搭建是一个关键步骤，它将帮助你顺利开始开发 React 应用程序。以下是一个基本的步骤指南。

系统要求

在开始之前，请确保你的计算机满足以下要求：

  • 操作系统：Windows、macOS 或 Linux
  • 软件要求：
    • Node.js 和 npm（Node.js 包管理器）
    • Visual Studio Code 或其他代码编辑器

安装 Node.js 和 npm

首先，你需要安装 Node.js 和 npm。你可以从 Node.js 官网 下载并安装。

创建新的 React 应用

使用以下命令创建一个新的 React 应用：

npx create-react-app my-app

这将在当前目录下创建一个名为 my-app 的新文件夹，其中包含 React 应用程序的基本结构。

进入项目目录

进入新创建的应用程序目录：

cd my-app

启动开发服务器

运行以下命令来启动开发服务器：

npm start

这将在本地开发服务器上启动应用程序，默认情况下会在浏览器中打开 localhost:3000。

使用 React 开发

现在，你可以在 src 文件夹中添加和修改组件。React 使用 JSX 语法，这是一种 JavaScript 的扩展，允许你将 HTML 标签直接写入 JavaScript 代码。

例如，创建一个简单的组件：

import React from 'react';

function App() {
  return (
    <div>
      <h1>Hello, world!</h1>
    </div>
  );
}

export default App;

将此代码保存到 src/App.js，然后刷新浏览器窗口，你应该会看到你的 React 应用程序正在运行。

扩展阅读

想要了解更多关于 React 的知识？可以阅读我们的 React 教程。

[center]React JSX