react 如何启动
启动 React 项目的步骤
确保已安装 Node.js
React 需要 Node.js 环境(建议版本 12 或更高)。可以通过以下命令检查是否已安装:
node -v
如果未安装,需从 Node.js 官网 下载并安装。
安装 create-react-app
使用 npm(Node.js 包管理器)全局安装官方脚手架工具:
npm install -g create-react-app
若使用 yarn,可运行:

yarn global add create-react-app
创建新项目
通过脚手架生成项目模板,my-app 为项目名称:
npx create-react-app my-app
使用 yarn 时:
yarn create react-app my-app
进入项目目录
生成完成后,切换到项目文件夹:

cd my-app
启动开发服务器
运行以下命令启动开发环境:
npm start
或使用 yarn:
yarn start
默认情况下,浏览器会自动打开 http://localhost:3000 并显示 React 欢迎页面。
其他常见命令
- 构建生产版本:
npm run build - 运行测试:
npm test - 弹出自定义配置(慎用,不可逆):
npm run eject
注意事项
- 如果遇到权限问题,在命令前加上
sudo(Mac/Linux)或以管理员身份运行终端(Windows)。 - 国内用户建议配置 npm 镜像源(如淘宝源)以加速依赖安装:
npm config set registry https://registry.npmmirror.com






