HBuilderX配置Web服务器后怎么退出
HBuilderX配置Web服务后要真正退出，应回到启动服务的终端或运行任务停止它。通过 npm run dev 启动的服务，要在原终端按Ctrl+C。只关闭浏览器预览页不会结束本地进程，停止后刷新原地址不能再访问，才表示服务已经退出。
别把关闭预览当成停止Web服务
浏览器只是访问本地地址的窗口。项目运行后打开 http://localhost:5173，关掉标签页只结束这次浏览，不会自动终止仍在监听端口的编辑器或终端进程。重新打开地址还能看到页面，或者终端仍在输出日志，都说明服务还在运行。
暂时不看页面，直接关浏览器即可。准备切换项目、端口被占用，或不想让开发服务继续运行时，再停止启动它的任务。动手前保存正在修改的文件，避免把停止服务和关闭未保存的编辑页混在一起。
HBuilderX中如何停止npm run dev
1、找到原来的运行终端
在HBuilderX打开当前项目的终端或运行面板，找到曾执行 npm run dev、npm run dev:h5 等命令并持续输出日志的标签。新开的空终端不能停止原任务。
2、发送终止指令
让该终端获得焦点后按Ctrl+C。正常情况下，这会停止项目运行，相应的Node进程也会退出。日志停止滚动并回到命令提示符，任务已经结束。
3、Ctrl+C只隐藏面板时
少数快捷键方案会让Ctrl+C隐藏终端面板，而 npm run 的进程仍在。先重新打开原终端查看日志，再检查是否切换过HBuilderX的快捷键方案。恢复适合终端操作的方案后再次终止，也可以使用运行任务提供的停止按钮。面板消失不等于服务已退出。
查看Web配置并验证退出结果
项目的Web配置可以显示前端开发服务端口。启动前记下预览使用的地址和端口，多个项目同时打开也不容易停错任务。下图展示了【Web配置】中【前端开发服务端口】所在的位置。
结束任务后刷新原来的本地地址。页面提示无法连接、拒绝连接，或不再显示原开发页面，说明当前服务已停。本地地址仍可打开，就继续检查：
- HBuilderX的终端和运行列表中是否还有同项目任务。
- 查看是否有其他终端或开发工具启动了同一端口的服务。只结束明确属于当前项目的进程，再重新启动一次测试。
下次启动时记下所用命令和端口，退出时从同一个终端或运行入口结束，就能避免遗留后台服务和端口冲突。
