如何创建一个react实例

安装 Node.js 和 npm

确保系统已安装 Node.js（包含 npm）。可以通过命令行验证安装：

node -v
npm -v

若未安装，需从 Node.js 官网 下载并安装。

使用 Create React App 创建项目

Create React App 是官方推荐的脚手架工具，可快速生成 React 项目结构。运行以下命令：

npx create-react-app my-react-app

my-react-app 为项目名称，可自定义。

进入项目目录并启动开发服务器

创建完成后，进入项目目录并启动开发环境：

cd my-react-app
npm start

默认情况下，开发服务器会运行在 http://localhost:3000，浏览器将自动打开该页面。

修改默认代码（可选）

打开 src/App.js 文件，编辑 React 组件代码。例如：

import React from 'react';

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

export default App;

保存文件后，页面会自动更新。

构建生产版本

完成开发后，运行以下命令生成优化后的生产代码：

npm run build

构建结果会保存在 build 目录中，可直接部署到服务器。

安装额外依赖（按需）

如需添加路由、状态管理等，可通过 npm 安装相关库。例如安装 React Router：

npm install react-router-dom

项目结构说明

关键文件及目录：

• src/index.js：应用入口文件。
• src/App.js：根组件。
• public/index.html：HTML 模板。
• package.json：项目配置和依赖管理。