如何配置react

配置React项目的步骤

安装Node.js和npm
确保系统已安装Node.js（包含npm）。可通过官网下载并安装最新版本。安装完成后，运行以下命令验证版本：

node -v
npm -v

创建React项目
使用Create React App（官方推荐工具）快速搭建项目。运行以下命令：

npx create-react-app my-app

my-app为项目名称，可自定义。此命令会自动安装React及其依赖。

启动开发服务器
进入项目目录并启动开发服务器：

cd my-app
npm start

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

项目结构说明

src/目录包含核心代码：

• App.js：主组件文件
• index.js：应用入口文件
• App.css和index.css：样式文件

public/目录包含静态资源：

• index.html：主HTML文件
• 其他静态资源如图片

常用配置扩展

添加Sass支持
如需使用Sass，安装node-sass：

npm install node-sass

完成后可直接创建.scss文件并导入。

配置环境变量
创建.env文件定义环境变量，变量需以REACT_APP_开头：

REACT_APP_API_KEY=your_key

通过process.env.REACT_APP_API_KEY访问。

生产环境构建

生成优化后的生产版本：

npm run build

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