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

构建生产环境版本

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

npm run build

yarn build

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

其他常用命令

运行测试:

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访问。

写好的react项目如何运行

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

相关文章

uniapp项目教程

uniapp项目教程

uniapp项目教程 uniapp 是一个基于 Vue.js 的跨平台开发框架,支持一次开发,多端发布(包括 iOS、Android、H5、小程序等)。以下是详细的教程指南,帮助快速上手 uniapp…

uniapp项目源码

uniapp项目源码

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

vue项目如何实现

vue项目如何实现

安装Vue.js 通过npm或yarn安装Vue.js。确保Node.js环境已配置完成。 npm install vue # 或 yarn add vue 创建Vue项目 使用Vue CLI工具…

vue项目实现流程

vue项目实现流程

Vue项目实现流程 项目初始化 使用Vue CLI或Vite创建项目基础结构。Vue CLI适合传统项目,Vite适合现代轻量级应用。安装Node.js环境后,通过命令行工具执行创建命令。 npm…

如何搭建react项目

如何搭建react项目

使用 Create React App 搭建项目 Create React App (CRA) 是官方推荐的快速搭建 React 项目的工具,无需配置构建工具(如 Webpack 或 Babel)。…

react如何创建项目

react如何创建项目

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