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

相关推荐
lvchaoq1 小时前
从原理层面解释前端大数据量性能优化系列——分片加载
前端
杨先生哦2 小时前
2026 热端攻防:AI 驱动 Web 前端安全全景透析
前端·笔记·安全·web安全
李白的天不白2 小时前
SmartAdmin(基于 Spring Boot 框架)中配置跨域请求 VUE3 设置请求头
java·前端
一个被程序员耽误的厨师2 小时前
01-设计篇-我用前端那一套手艺造了一个AI-Native工具
前端·ai-native
不吃糖葫芦32 小时前
vue3实现拓扑图编辑功能(谨以此纪念我当前的最后一份前端工作)
前端
大家的林语冰2 小时前
超越 TypeScript,Flow 强势回归,语法高仿 TS,功能更丰富,类型更安全!
前端·javascript·typescript
এ慕ོ冬℘゜3 小时前
jQuery 高可用多图上传组件(企业级封装 + 踩坑全解 + 可直接上线)
前端·javascript·jquery
爱勇宝3 小时前
AI 时代,前端工程师的话语权正在下降?
前端·后端