当前位置:首页 > 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及其依赖。

进入项目目录

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

cd my-app

启动开发服务器

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

npm start

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

可选:安装特定React版本

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

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

例如安装17.0.2版本:

npm install react@17.0.2 react-dom@17.0.2

构建生产版本

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

如何使用npm安装react

npm run build

输出文件位于build文件夹。

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

相关文章

react如何npm如何安装

react如何npm如何安装

安装 React 项目 确保已安装 Node.js(建议版本 16 或更高)。通过以下命令检查 Node.js 和 npm 是否已安装: node -v npm -v 使用 Create React…

react refs 如何使用

react refs 如何使用

React Refs 的基本概念 Refs 是 React 提供的一种访问 DOM 节点或 React 组件实例的方式。通常在 React 的数据流中,父子组件通过 props 进行通信,但在某些情况…

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如何使用axios

react如何使用axios

安装 Axios 在 React 项目中安装 Axios,可以通过 npm 或 yarn 进行安装: npm install axios 或 yarn add axios 导入 Axios 在需要…

如何使用react native

如何使用react native

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