当前位置: 首页 > news >正文

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

http://www.gsyq.cn/news/1526605.html

相关文章:

  • 【Kafka源码解读和使用指南】第67篇:Kafka请求处理机制深度解析——生产请求与获取请求的完整链路
  • 别再纠结RAID了!用一张图帮你选对RAID 0/1/10/01,NAS和服务器都适用
  • 【新版升级】前端组件开发公众号|全赛道IT开发技术 + 产品商业付费社群完整方案
  • 二进制基础:计算机核心数制全解析
  • BilibiliDown:5分钟学会B站视频批量下载,轻松建立个人资源库
  • 深度解析 LLM Agent 架构:从核心组件到生产级系统设计
  • TV Bro:用遥控器征服智能电视上网的智慧之选
  • 2026年污水泵厂家推荐榜:营口潜水/立式卧式/切割防爆不锈钢耐腐蚀污水泵品牌精选及选购指南 - 品牌发掘
  • 2026年金华律师机构推荐榜:离婚、知识产权与民商事争议解决领域深度解析 - 企业推荐官【官方】
  • 2026 苏州一线 GEO 优化机构 TOP8 横评:玖叁鹿 GEO(苏州本地运营商总部)领衔,手把手教你避开选型雷区 - 936品牌测评网
  • WebAssembly组件模型:从接口定义到跨语言调用的互操作架构
  • 从Sail语言到可执行模拟器:手把手教你用RISC-V官方模型搭建自己的指令测试环境
  • [Android] 三维山水全景地图-3D地形全景观测地图
  • 企业必藏!2026最新山东GEO优化机构TOP8横评与全维度选型避坑图谱 - 936品牌测评网
  • MySQL 系列:第1篇 数据库时代与MySQL
  • Rust借用检查器深度剖析:从NLL到生命周期省略规则的编译器逻辑
  • 荆州住宅精装一站式服务公司排行:5家实力服务商盘点 - 互联网科技品牌测评
  • CVPR、ICCV、ECCV之外,WACV这个计算机视觉顶会到底值不值得投?
  • 开发记录19_让视频进入语义搜索_抽帧去重与代表向量
  • 3步颠覆传统:AI驱动的智能视频自动化创作系统深度解析
  • 2026年6月江西一线GEO优化机构TOP8硬核测评 - 936品牌测评网
  • 金三银四上云正当时!腾讯云/华为云/阿里云新购续费85折攻略
  • 3分钟搞定!APK-Installer:Windows上安装安卓应用的终极完整指南
  • 开发记录14_让故事可以重现_缓存固化与ObjectBox数据迁移
  • 江门市黄金回收三家门店实地探店综合测评 - 靖昱黄金回收
  • IoTSharp + SonnetDB 多模型 Profile:关系、时序、缓存、对象桶与搜索怎么组合
  • 深入解析JTAG边界扫描测试:从IEEE 1149.1标准到MPC8260实战应用
  • 开发记录15_从编译开关到运行时设置_端侧AI能力配置
  • 深圳市黄金回收三家门店实地探店综合测评 - 靖昱黄金回收
  • HS2-HF Patch:如何为Honey Select 2实现专业级汉化、去码与插件集成