如何创建自己的react项目

安装Node.js和npm

确保系统已安装Node.js（包含npm）。可通过官网下载最新版本，安装后验证版本：

node -v  
npm -v  

使用Create React App初始化项目

Create React App是官方推荐的脚手架工具，快速生成项目结构：

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

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

启动开发服务器

进入项目目录后运行以下命令启动本地开发环境：

npm start  

默认在浏览器打开http://localhost:3000，修改代码会自动热更新。

项目结构说明

生成的核心文件和目录：

• src/: 存放源代码，包括入口文件index.js和组件文件。
• public/: 静态资源如HTML模板和图片。
• package.json: 项目依赖和脚本配置。

添加必要依赖

根据需求安装常用库，例如路由和状态管理：

npm install react-router-dom  
npm install @reduxjs/toolkit react-redux  

自定义配置（可选）

如需覆盖默认配置（如Webpack），可执行：

npm run eject  

注意此操作不可逆，建议优先尝试craco或react-app-rewired等第三方工具。

构建生产版本

完成开发后生成优化后的代码：

npm run build  

输出文件位于build/目录，可直接部署到服务器。

部署到GitHub Pages（示例）

安装gh-pages并配置package.json：

npm install gh-pages --save-dev  

在package.json中添加：

"homepage": "https://username.github.io/my-app",  
"scripts": {  
  "predeploy": "npm run build",  
  "deploy": "gh-pages -d build"  
}  

运行部署命令：

npm run deploy