当前位置:首页 > 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 如何使用 apply

react 如何使用 apply

使用 apply 方法的基本概念 在 JavaScript 中,apply 是函数原型上的方法,用于调用函数时指定 this 的值和传递参数数组。React 中可以使用 apply 来绑定组件方法或调…

react激光如何使用

react激光如何使用

安装React激光库 在项目中安装React激光库,通常通过npm或yarn完成。确保项目已初始化并具备React环境。 npm install react-laser-beam # 或 yar…

react如何使用echarts

react如何使用echarts

安装 ECharts 和 React 适配库 在 React 项目中使用 ECharts 需要安装 ECharts 核心库及其 React 适配库。通过 npm 或 yarn 安装: npm ins…

react 如何使用axios

react 如何使用axios

安装 axios 在 React 项目中安装 axios 依赖包: npm install axios # 或 yarn add axios 引入 axios 在需要发送 HTTP 请求的组件或文件…

react如何使用图片

react如何使用图片

在React中使用图片的方法 静态图片导入 在React组件中可以直接通过import导入图片文件,这种方式适用于已知的静态资源。导入后,图片会被处理为模块,可通过src属性引用。 import R…

react如何使用mobx

react如何使用mobx

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