如何启动react项目

安装Node.js和npm

确保系统已安装Node.js（包含npm）。可通过以下命令检查版本：

node -v  
npm -v  

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

使用Create React App创建项目

通过官方脚手架工具create-react-app快速初始化项目：

npx create-react-app my-app  
cd my-app  

此命令会生成一个名为my-app的React项目目录并安装依赖。

启动开发服务器

进入项目目录后运行以下命令：

npm start  

默认情况下，开发服务器会在http://localhost:3000启动，并自动打开浏览器。

项目结构说明

生成的项目包含以下核心文件：

• src/App.js：主组件文件
• src/index.js：应用入口文件
• public/index.html：HTML模板

可选工具链扩展

如需扩展配置（如TypeScript支持），可通过以下方式：

npx create-react-app my-app --template typescript  

或手动安装其他库（如路由）：

npm install react-router-dom  

生产环境构建

生成优化后的生产版本：

npm run build  

构建结果位于build目录，可直接部署到服务器。