当前位置:首页 > 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

启动开发服务器

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

react 如何启动

cd my-app
npm start

或使用 Yarn:

yarn start

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

react 如何启动

构建生产版本

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

npm run build

或:

yarn build

其他常用命令

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

标签: react
分享给朋友:

相关文章

react如何debugger

react如何debugger

调试 React 应用的方法 使用浏览器开发者工具进行调试 React 开发者工具(React DevTools)是调试 React 应用的必备工具。安装 Chrome 或 Firefox 扩展后,可…

react如何建项目

react如何建项目

创建React项目的几种方法 使用官方工具Create React App(CRA) npx create-react-app my-app 这条命令会创建一个名为my-app的新React项目,包含…

react如何创建项目

react如何创建项目

使用 Create React App 创建项目 Create React App (CRA) 是官方推荐的 React 项目脚手架工具,适合快速初始化一个现代化的 React 项目。 安装 C…

react如何代码优化

react如何代码优化

减少不必要的重新渲染 使用 React.memo 包装函数组件以避免在 props 未变化时重新渲染。对于类组件,可以通过 shouldComponentUpdate 或继承 PureComponen…

react如何提交表单

react如何提交表单

表单提交的基本方法 在React中提交表单通常通过控制组件状态和事件处理实现。表单数据通过onSubmit事件捕获,并阻止默认提交行为以避免页面刷新。 import { useState } fro…

react如何编码参数

react如何编码参数

编码参数的方法 在React中,编码参数通常涉及URL查询参数或路由参数的编码和解码。以下是几种常见场景的处理方法: URL查询参数编码 使用encodeURIComponent对参数进行编码,避免…