react如何运行

运行React项目的步骤

安装Node.js
确保系统已安装Node.js（建议版本12以上），可从官网下载并安装。Node.js自带npm包管理器，用于后续依赖安装。

创建React项目
使用官方工具create-react-app快速生成项目结构：

npx create-react-app my-app

该命令会创建一个名为my-app的文件夹，包含React基础模板和配置。

进入项目目录

cd my-app

启动开发服务器
运行以下命令启动本地开发环境：

npm start

默认情况下，浏览器会自动打开http://localhost:3000并显示欢迎页面。代码修改后会实时热更新。

生产环境构建

生成优化后的代码
使用以下命令构建生产版本：

npm run build

构建结果会输出到build文件夹，包含压缩后的静态文件。

部署到服务器
将build文件夹内容上传至Web服务器（如Nginx、Apache）的静态文件目录，或使用Vercel、Netlify等平台自动化部署。

关键依赖说明

• react和react-dom：核心库，提供组件和DOM渲染能力。
• react-scripts：封装了Webpack、Babel等工具链，无需手动配置。

通过上述流程，React项目即可在开发和生产环境中正常运行。