当前位置:首页 > React

react npm如何安装

2026-02-12 02:51:35React

安装 Node.js 和 npm

React 项目依赖 Node.js 环境,因此需先安装 Node.js(包含 npm)。访问 Node.js 官网 下载 LTS 版本(推荐),安装完成后在终端运行以下命令验证安装:

node -v
npm -v

若正确显示版本号,则说明安装成功。

创建 React 项目

通过官方工具 create-react-app 快速初始化项目。全局安装该工具(非必须,但推荐):

react npm如何安装

npm install -g create-react-app

然后创建项目(替换 my-app 为你的项目名):

npx create-react-app my-app

进入项目目录并启动

创建完成后,进入项目目录并启动开发服务器:

react npm如何安装

cd my-app
npm start

默认情况下,浏览器会自动打开 http://localhost:3000 并显示 React 欢迎页面。

可选:使用 Yarn 替代 npm

若更倾向使用 Yarn,可全局安装后替代 npm 命令:

npm install -g yarn
yarn start

生产环境构建

开发完成后,生成优化后的生产环境代码:

npm run build

构建结果会保存在 build 目录中,可直接部署到服务器。

标签: reactnpm
分享给朋友:

相关文章

react如何发布

react如何发布

发布React应用的步骤 构建生产版本 使用以下命令生成优化后的生产版本代码,代码会被压缩并移除开发环境中的调试工具: npm run build 构建完成后会生成build文件夹,包含所有静态资源…

如何恢复react

如何恢复react

恢复 React 项目的方法 检查并修复依赖项 运行 npm install 或 yarn install 重新安装所有依赖项。如果依赖项损坏或缺失,这将恢复项目所需的库和工具。 恢复删除的文件 如…

react如何减少伤害

react如何减少伤害

减少 React 应用性能伤害的方法 使用 React.memo 或 PureComponent 对于函数组件,使用 React.memo 进行浅比较,避免不必要的重新渲染。类组件可以使用 PureC…

elementui npm

elementui npm

安装 Element UI 的步骤 使用 npm 安装 Element UI 是最常见的方式,适用于基于 Vue.js 的项目。 npm install element-ui -S 安装完成后,可以…

react elementUI

react elementUI

React 和 Element UI 是两个不同的技术栈,但可以通过整合实现类似功能。以下是相关解决方案和替代方案: React 与 Element UI 的替代方案 Element UI 是为 V…

react如何启动6

react如何启动6

安装 Node.js 和 npm/yarn 确保系统中已安装 Node.js(建议版本 16 或更高)和 npm/yarn。可通过以下命令验证版本: node -v npm -v 创建 Reac…