当前位置:首页 > React

react 如何启动

2026-01-13 11:01:19React

创建 React 项目

使用官方工具 create-react-app 快速初始化项目,需提前安装 Node.js(版本 ≥ 14.0.0)和 npm/yarn:

npx create-react-app my-app

或通过 Yarn:

yarn create react-app my-app

启动开发服务器

进入项目目录后运行以下命令启动开发环境:

cd my-app
npm start

或使用 Yarn:

yarn start

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

构建生产版本

生成优化后的静态文件,输出至 build 文件夹:

npm run build

或:

react 如何启动

yarn build

其他常用命令

  • 测试运行:npm testyarn test
  • 暴露配置(慎用):npm run ejectyarn eject

标签: react
分享给朋友:

相关文章

react就业如何

react就业如何

React 就业市场现状 React 作为当前主流前端框架之一,就业需求持续旺盛。国内外互联网企业、中大型公司以及初创团队普遍采用 React 技术栈,尤其在 Web 应用、移动端(React Nat…

小白如何搭建react

小白如何搭建react

安装 Node.js 和 npm 确保系统已安装 Node.js(包含 npm)。可通过官网下载安装包(https://nodejs.org/),选择 LTS 版本。安装完成后,终端运行以下命令验证版…

react 如何设置 代理

react 如何设置 代理

在 React 中设置代理 在开发过程中,为了跨域请求后端 API,可以通过配置代理来解决。以下是几种常见的设置代理的方法: 使用 package.json 配置代理 在 package.json…

react如何上传图片

react如何上传图片

使用input标签上传图片 在React中可以通过HTML的<input type="file">元素实现图片上传功能。创建一个受控组件来管理文件选择状态: function Image…

react详情如何展示

react详情如何展示

React 详情展示的实现方法 在 React 中展示详情内容可以通过多种方式实现,具体取决于应用场景和需求。以下是几种常见的实现方案: 条件渲染 利用状态管理控制详情内容的显示与隐藏。通过点击事件…

react如何使用swiper

react如何使用swiper

安装 Swiper 依赖 在 React 项目中使用 Swiper 前,需要安装 Swiper 的核心库和 React 组件库。通过 npm 或 yarn 安装以下依赖: npm install s…