当前位置:首页 > 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
分享给朋友:

相关文章

hashrouter如何使用react

hashrouter如何使用react

使用 HashRouter 在 React 中的方法 安装 react-router-dom 确保项目中已安装 react-router-dom,若未安装,可通过以下命令安装: npm ins…

react如何使用ueditor

react如何使用ueditor

安装 UEditor 下载 UEditor 的官方版本,解压后将整个文件夹放入项目的 public 目录下。确保可以通过 URL 直接访问 UEditor 的资源文件,例如 public/uedito…

react如何使用webview

react如何使用webview

使用 React 实现 WebView 的方法 在 React 中,可以通过不同的方式实现 WebView 功能,具体取决于开发环境(如 React Native 或 Web 应用)。以下是常见的实现…

react router如何使用

react router如何使用

React Router 的基本使用 安装 React Router 库,使用 npm 或 yarn 进行安装: npm install react-router-dom 配置路由 在应用的入口文件…

react thunk 如何使用

react thunk 如何使用

使用 React Thunk 的基本步骤 安装 Redux 和 Redux Thunk 作为依赖项: npm install redux redux-thunk 在 Redux store 配置中…

react refs如何使用

react refs如何使用

React Refs 的基本概念 Refs 提供了一种直接访问 DOM 节点或 React 组件实例的方式。通常在需要直接操作 DOM 或访问组件方法时使用。 创建 Refs 使用 React.c…