当前位置:首页 > React

写好的react项目如何运行

2026-01-25 14:18:24React

运行React项目的步骤

确保已安装Node.js(建议版本12+)和npm/yarn。若未安装,需从Node.js官网下载并安装。

进入项目根目录,通过终端或命令行执行以下命令安装依赖:

npm install

或使用yarn:

yarn install

启动开发服务器:

npm start

yarn start

默认情况下,项目会在浏览器自动打开http://localhost:3000

写好的react项目如何运行

构建生产环境版本

生成优化后的代码,执行:

npm run build

yarn build

构建后的文件会保存在build目录中,可直接部署到服务器。

写好的react项目如何运行

其他常用命令

运行测试:

npm test

yarn test

启动本地静态服务器预览生产版本(需全局安装serve):

npm install -g serve
serve -s build

环境变量配置

如需配置环境变量,在项目根目录创建.env文件,添加变量(前缀REACT_APP_):

REACT_APP_API_URL=https://api.example.com

变量可通过process.env.REACT_APP_API_URL访问。

标签: 写好项目
分享给朋友:

相关文章

uniapp项目源码

uniapp项目源码

Uniapp 项目源码获取方式 官方示例与模板 Uniapp 官方提供了多个开源项目模板和示例,涵盖基础框架、UI组件库等。可通过以下途径获取: 在 DCloud 插件市场 搜索“uniapp模…

react项目如何启动

react项目如何启动

启动React项目的步骤 确保已安装Node.js(建议版本12以上)和npm/yarn。可通过以下命令检查版本: node -v npm -v 全局安装create-react-app脚手架工具(…

vue 实现的项目

vue 实现的项目

Vue 项目实现的关键步骤 项目初始化与配置 使用 Vue CLI 或 Vite 创建项目基础结构。Vue CLI 提供标准化模板,适合快速搭建;Vite 则更轻量,适合现代浏览器环境。安装依赖时需明…

idea如何创建java项目

idea如何创建java项目

创建Java项目步骤 打开IntelliJ IDEA,点击欢迎界面上的"New Project"或通过菜单栏"File" > "New" > "Project"创建新项目。 在新建项目向…

vue 项目实现websocket

vue 项目实现websocket

安装依赖 在Vue项目中,使用WebSocket通常不需要额外安装依赖,因为浏览器原生支持WebSocket API。如果需要更高级的功能或封装,可以安装vue-native-websocket或so…

vue项目实现打印

vue项目实现打印

Vue 项目中实现打印功能 在 Vue 项目中实现打印功能可以通过多种方式完成,以下是几种常见的方法: 使用 window.print() 方法 最简单的打印方式是调用浏览器的 window.pri…