如何让react运行
运行 React 项目的步骤
安装 Node.js 和 npm
确保系统已安装 Node.js(包含 npm)。可通过以下命令检查版本:
node -v
npm -v
若未安装,从 Node.js 官网 下载并安装最新 LTS 版本。
创建 React 项目
使用 create-react-app 快速初始化项目:
npx create-react-app my-app
my-app 为项目名称,可自定义。
进入项目目录
初始化完成后,切换到项目文件夹:
cd my-app
启动开发服务器
运行以下命令启动本地开发环境:
npm start
默认情况下,浏览器会自动打开 http://localhost:3000 并显示 React 欢迎页面。
其他常用命令
构建生产版本
生成优化后的代码,用于部署:
npm run build
运行测试
执行项目中的测试用例:
npm test
安装额外依赖
通过 npm 添加第三方库(例如 axios):
npm install axios
注意事项
- 确保网络畅通,首次运行
npm install会下载依赖包。 - 若遇到权限问题,在命令前添加
sudo(Mac/Linux)或以管理员身份运行终端(Windows)。 - 使用
yarn替代npm时,需先全局安装 Yarn:npm install -g yarn







