当前位置:首页 > React

react前端如何启动

2026-02-11 23:24:18React

启动React前端项目的步骤

确保已安装Node.js(建议版本≥12.x),可通过以下命令检查版本:

node -v
npm -v

全局安装create-react-app脚手架工具(如未安装):

npm install -g create-react-app

创建新React项目:

npx create-react-app my-app

进入项目目录并启动开发服务器:

react前端如何启动

cd my-app
npm start

项目默认会在浏览器打开 http://localhost:3000,修改代码会自动热更新。

其他常用命令

生产环境构建:

react前端如何启动

npm run build

运行测试:

npm test

弹出webpack配置(不可逆操作):

npm run eject

快速启动替代方案

使用Vite创建React项目(更快的启动速度):

npm create vite@latest my-app --template react
cd my-app
npm install
npm run dev

标签: react
分享给朋友:

相关文章

react moment如何使用

react moment如何使用

安装 react-moment 通过 npm 或 yarn 安装 react-moment 包。确保项目中已安装 moment.js,因为 react-moment 依赖它。 npm instal…

react 如何执行

react 如何执行

安装 Node.js 和 npm React 开发需要 Node.js 环境,因为它提供了 npm(或 yarn)包管理工具。从 Node.js 官网 下载并安装最新 LTS 版本。安装完成后,在终端…

react moment如何使用

react moment如何使用

安装 react-moment 通过 npm 或 yarn 安装 react-moment: npm install react-moment 或 yarn add react-moment 基本…

react如何开发

react如何开发

React 开发基础步骤 安装 Node.js 和 npm/yarn 确保系统已安装 Node.js(包含 npm)或 Yarn。React 项目依赖这些工具管理包和运行脚本。官方推荐使用 Node.…

react如何刷新

react如何刷新

刷新React组件的方法 使用状态更新触发重新渲染 通过更新组件的状态可以触发重新渲染。React会在状态变化时自动重新渲染组件。 const [count, setCount] = useSta…

react 如何修改state

react 如何修改state

修改 state 的基础方法 在 React 中,state 的修改必须通过 setState 方法(类组件)或 state 更新函数(函数组件)。直接修改 state 会导致组件不会重新渲染,且可能…