如何建立运行react代码
安装 Node.js 和 npm
React 项目需要 Node.js 环境来运行，同时 npm（Node Package Manager）用于管理依赖。从 Node.js 官网 下载并安装最新稳定版本，安装完成后在终端运行以下命令验证安装是否成功：
node -v
npm -v使用 Create React App 初始化项目
Create React App 是官方推荐的脚手架工具，能快速生成 React 项目结构。运行以下命令创建项目：
npx create-react-app my-app
cd my-app启动开发服务器
进入项目目录后，运行以下命令启动开发服务器。默认情况下，应用会在 http://localhost:3000 自动打开：
npm start项目结构说明
生成的项目包含以下核心文件和目录：
src/App.js: 主组件文件，可在此编写 React 组件。src/index.js: 应用入口文件，渲染根组件。public/index.html: HTML 模板文件。package.json: 记录项目依赖和脚本命令。
编写简单组件
在 src/App.js 中修改代码，创建一个简单的 React 组件：
import React from 'react';
function App() {
return <h1>Hello, React!</h1>;
}
export default App;构建生产版本
完成开发后，运行以下命令生成优化后的生产版本代码，输出到 build 目录：
npm run build可选工具扩展
- 状态管理: 如需复杂状态管理，可安装 Redux 或 MobX：
npm install redux react-redux - 路由: 使用 React Router 添加页面导航：
npm install react-router-dom
通过以上步骤，可以快速搭建并运行一个 React 应用，并根据需求扩展功能。
