react项目如何下载依赖项
安装 Node.js 和 npm
确保系统已安装 Node.js(包含 npm 工具)。可通过以下命令验证是否安装成功:
node -v
npm -v
若未安装,需从 Node.js 官网 下载并安装最新 LTS 版本。
初始化项目(如未初始化)
在项目根目录下运行以下命令生成 package.json 文件(若项目已存在可跳过):
npm init -y
安装依赖项
通过 npm install 或 yarn 安装依赖项。以安装 react 和 react-dom 为例:
npm install react react-dom
或使用 Yarn(需全局安装 yarn):
yarn add react react-dom
安装开发依赖项
区分生产依赖与开发依赖(如 webpack、babel)。添加 -D 参数标记为开发依赖:
npm install webpack webpack-cli -D
或使用 Yarn:
yarn add webpack webpack-cli --dev
从现有项目恢复依赖
若项目已包含 package.json,直接运行以下命令安装所有依赖:
npm install
或使用 Yarn:
yarn install
全局安装工具(可选)
某些工具(如 create-react-app)可全局安装以便快速创建项目:
npm install -g create-react-app
安装后可通过以下命令创建新项目:
create-react-app my-app
解决依赖冲突
若出现版本冲突,使用 npm ls 查看依赖树,或通过 npm update 更新版本:
npm update package-name
也可手动修改 package.json 中的版本号后重新运行 npm install。







