当前位置:首页 > React

如何使用npm安装react

2026-01-24 22:49:52React

安装Node.js和npm

确保系统已安装Node.js(包含npm)。可通过官网下载最新版本:Node.js官网。安装完成后,验证版本:

node -v
npm -v

创建React项目

使用create-react-app脚手架快速初始化项目:

npx create-react-app my-app

my-app为项目名称,可自定义。此命令会自动安装React及其依赖。

进入项目目录

项目创建完成后,切换到项目文件夹:

如何使用npm安装react

cd my-app

启动开发服务器

运行以下命令启动本地开发环境:

npm start

默认在浏览器中打开http://localhost:3000,实时热更新代码变更。

如何使用npm安装react

可选:安装特定React版本

若需指定React版本,在项目目录中执行:

npm install react@版本号 react-dom@版本号

例如安装17.0.2版本:

npm install react@17.0.2 react-dom@17.0.2

构建生产版本

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

npm run build

输出文件位于build文件夹。

标签: 如何使用npm
分享给朋友:

相关文章

react npm如何安装

react npm如何安装

安装 React 的步骤 确保已安装 Node.js(版本建议 14 或更高)。可以通过以下命令检查 Node.js 和 npm 是否已安装: node -v npm -v 全局安装 Create…

react如何使用mobx

react如何使用mobx

使用 MobX 在 React 项目中 在 React 项目中集成 MobX 需要安装必要的依赖包并配置 Store 和组件。以下是详细步骤: 安装依赖 确保项目中已安装 mobx 和 mobx-r…

如何使用react native

如何使用react native

安装开发环境 确保系统已安装Node.js(建议LTS版本)。通过npm或yarn全局安装React Native命令行工具: npm install -g react-native-cli #…

react如何使用agora

react如何使用agora

使用 React 集成 Agora 视频通话 SDK 安装 Agora SDK 在 React 项目中安装 Agora RTC SDK: npm install agora-rtc-sdk 初始化…

react 如何使用jquery

react 如何使用jquery

在 React 中使用 jQuery 虽然 React 和 jQuery 的设计理念不同(React 基于组件化,jQuery 直接操作 DOM),但在某些场景下可能需要结合使用。以下是实现方法:…

react中如何使用echarts

react中如何使用echarts

安装 ECharts 依赖 在 React 项目中安装 ECharts 核心库和 React 封装库。使用 npm 或 yarn 安装: npm install echarts echarts-fo…