当前位置:首页 > 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 组件开发基础 React 组件分为函数组件和类组件两种形式。函数组件是现代 React 开发的主流方式,结合 Hooks 可以实现完整功能。 函数组件示例: function Gree…

react如何查

react如何查

React 查询方法 React 提供了多种查询 DOM 元素的方式,以下是几种常见的方法: 使用 ref 通过 useRef 钩子可以获取 DOM 节点的引用,适用于直接操作 DOM 的场景。…

react 如何运行

react 如何运行

运行 React 项目的步骤 安装 Node.js 确保系统已安装 Node.js(建议版本 16+),可通过官网下载并安装。安装后验证版本: node -v npm -v 创建 React 项目…

如何同步react

如何同步react

同步React组件状态的方法 使用useState和useEffect钩子组合可以同步React组件的状态。useState用于声明状态变量,useEffect用于监听状态变化并执行副作用。 imp…

如何启动react

如何启动react

安装Node.js 确保系统已安装Node.js(建议使用LTS版本),可通过官网下载并安装。安装完成后,在终端运行以下命令验证版本: node -v npm -v 创建React项目 使用官方工具…

react如何检测

react如何检测

检测 React 应用的方法 使用 PropTypes 进行类型检查 PropTypes 是 React 内置的类型检查工具,用于验证组件的 props 是否符合预期。在开发环境中,PropTypes…