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)。如果后端未运行,前端页面可能会因为无法请求接口而出现空白或报错。

相关推荐
陈随易6 小时前
AI 运维服务器,安全又可靠的方法
前端·后端·程序员
风骏时光牛马7 小时前
AI稳定性治理体系构建与疑难问题深度分析
前端
IT_陈寒8 小时前
JavaScript的this坑人实录,这次我真的记下来了
前端·人工智能·后端
开开心心就好9 小时前
音频降噪剪辑工具,音量裁剪一键处理
运维·服务器·前端·spring·ocr·音视频·1024程序员节
PedroQue9910 小时前
0.8.2 新增 backFallback 配置,无 tabbar 页返回无忧
前端·uni-app
淡漠的蓝精灵11 小时前
web.py:一个简单到极致的 Python Web 框架
开发语言·前端·python·其他
开开心心就好11 小时前
竖式除法出题工具,整除余数混合模式
运维·服务器·前端·javascript·ocr·perl·1024程序员节
起个名字费劲死了11 小时前
Halcon学习一:骰子识别
前端·python·学习
大江东去浪淘尽千古风流人物11 小时前
【HexVIO】DSP卸载双目惯性VIO:Hexagon向量化前端与单帧融合调度深度解析
前端·状态模式·slam·dsp·vio·hexagon·移动端加速
其实防守也摸鱼11 小时前
Chrome 扩展安全攻防实录:从攻击面到防御实践
开发语言·前端·网络·chrome·安全·web安全·php