react如何启动项目

创建React项目

使用官方工具Create React App（CRA）快速初始化项目。确保已安装Node.js（建议版本14+），在终端运行以下命令：

npx create-react-app my-app
cd my-app
npm start

使用Vite构建工具

如需更高性能的启动方案，可使用Vite创建React项目：

npm create vite@latest my-vite-app --template react
cd my-vite-app
npm install
npm run dev

手动配置Webpack

适用于需要深度定制的场景，需自行安装核心依赖：

npm install react react-dom
npm install --save-dev webpack webpack-cli babel-loader @babel/preset-react

创建webpack.config.js配置文件并设置编译规则。

TypeScript支持

在创建项目时添加TypeScript模板：

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

或为现有项目添加TS支持：

npm install --save typescript @types/react @types/react-dom

项目结构说明

典型React项目包含以下核心目录：

• src/：主代码目录，包含App.js入口组件
• public/：静态资源如HTML模板
• node_modules/：依赖库
• package.json：定义项目脚本和依赖

开发服务器控制

启动开发服务器后，默认访问http://localhost:3000。常用操作命令：

npm start    # 启动开发模式
npm run build # 生成生产环境构建
npm test     # 运行测试