pnpm 启动前端项目

使用 pnpm 安装完依赖后,启动 SmartAdmin 项目的步骤非常简单。只需将常规的 npm run dev 替换为 pnpm run dev 即可。以下是具体的操作指南:

1. 启动前端开发服务

确保你当前处于前端项目的根目录(如 smart-admin-web-typescript),在终端中执行以下命令:

复制代码
pnpm run dev

启动成功后,终端会提示服务运行地址,在浏览器中访问 http://localhost:5173 即可看到系统的登录界面。

2. 启动移动端(H5)服务(可选)

如果你还需要启动移动端项目,请进入 smart-app 目录,执行以下命令:

复制代码
pnpm run dev:h5

启动后,同样可以在浏览器中访问 http://localhost:8080 进行 H5 端的开发调试。

💡 核心前提提示

SmartAdmin 是前后端分离的架构,在启动前端(pnpm)之前,请务必确保后端服务(Java)已经成功启动(默认端口通常为 8080 或 1024)。如果后端未运行,前端页面可能会因为无法请求接口而出现空白或报错。

相关推荐
大圣编程1 小时前
Python中continue语句的用法是什么?
开发语言·前端·python
yuhaiqiang1 小时前
随手 vibecoding 的浏览器插件已经 6000 多次下载,聊聊他的产品设计
前端·后端·面试
之歆2 小时前
Vue商品详情与放大镜组件
前端·javascript·vue.js
再吃一根胡萝卜2 小时前
如何把小米 MiMo 接入 CodeBuddy,打造私有 Agent
前端
负责的蛋挞4 小时前
异步HttpModule的实现方式
java·服务器·前端
丹宇码农6 小时前
把 HLS 字幕玩出花:zwPlayer 如何让 M3U8 视频支持全文搜索、翻译与码率自适应
前端·javascript·音视频·hls·视频播放器
2501_943782356 小时前
【共创季稿事节】猜数字游戏:二分法思维与交互式反馈
前端·游戏·microsoft·harmonyos·鸿蒙·鸿蒙系统
GV191rLvq6 小时前
基于Socket实现的最简单的Web服务器【ASP.NET原理分析】
服务器·前端·asp.net
吠品7 小时前
LangChain 里 tool_call_id 为空?一次 MCP 工具集成的排查记录
前端