如何运行react
运行React项目的步骤
确保已安装Node.js(建议版本12或更高)。Node.js自带npm(Node Package Manager),用于管理依赖。
通过npm全局安装create-react-app工具,这是官方推荐的脚手架工具。打开终端或命令提示符,输入以下命令:
npm install -g create-react-app
使用create-react-app创建新项目。将my-react-app替换为你的项目名称:
npx create-react-app my-react-app
进入项目目录:
cd my-react-app
启动开发服务器:
npm start
项目结构说明
src/App.js是主组件文件,可在此修改默认UI。src/index.js是入口文件,渲染根组件到DOM。
public/index.html是主HTML文件,包含根DOM节点。修改此文件可调整页面基础结构。
生产环境构建
生成优化后的生产版本:
npm run build
构建完成后,build文件夹包含静态文件,可直接部署到Web服务器。
其他常用命令
运行测试:
npm test
弹出自定义配置(谨慎使用,操作不可逆):
npm run eject






