Sublime Text 无法运行 Vue 项目，因其仅为纯文本编辑器，无内置 Node.js 运行时、打包器或 HTTP 服务器；所谓“运行”实为终端执行 npm run dev，Sublime 仅用于编码。
Sublime Text 无法运行 Vue 项目，也不能实现“实时渲染”——它不带 Node.js 运行时、不内置打包器（如 Vite）、不提供 HTTP 服务，所谓“运行”实际是终端执行 npm run dev，Sublime 只负责写代码。
为什么 Sublime 不能像 VS Code 那样一键启动 dev server？
VS Code 的“运行”能力来自其集成终端 + 扩展自动调用命令；Sublime 默认无终端面板（即使装了 Terminal 插件，也只是嵌入 shell，仍需手动输 npm run dev）。这不是配置问题，是架构差异：Sublime 是编辑器，不是 IDE。
- Sublime 启动时不会加载
package.json或识别dev脚本 - 没有语言服务器（LSP）默认集成，无法触发 Volar 自动拉起 dev server
- 所有“运行 Vue”的教程截图，背后都是你在另一个窗口手动开了终端
如何让 Sublime 编辑时看到实时效果？
真实可行的协作流程只有这一种：Sublime 写 → 终端启服务 → 浏览器看。关键不在 Sublime，而在终端命令和项目配置是否就绪。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 确保项目根目录有
package.json，且含有效dev脚本（如"dev": "vite"或"serve": "vue-cli-service serve"） - 在项目文件夹里打开系统终端（Windows：Shift+右键 → “在此处打开 PowerShell”；macOS/Linux：
cd /path/to/project && npm run dev） - 浏览器访问对应地址：
http://localhost:5173（Vite）或http://localhost:8080（Vue CLI），保存 .vue 文件后页面自动热更新 - 别依赖 Sublime 的 Build System：它无法正确解析
npm run中的环境变量和工作路径，常报command not found: npm
常见错误现象：改完保存，页面没更新？
不是 Sublime 没保存，也不是热更新失效，而是开发服务器根本没在运行，或监听路径不对。
立即学习“前端免费学习笔记（深入）”；
- 检查终端是否仍在运行中：如果关了终端，服务就停了，浏览器会显示连接被拒绝
- 确认 Sublime 保存的是真实文件（右下角状态栏应显示
Saved，不是Unsaved） - 查看终端输出：正常启动应有
ready in XXX ms和本地地址；若卡在building...或报Cannot find module 'vite'，说明依赖未安装 - 注意文件编码：Sublime 默认用 UTF-8 with BOM，某些旧版构建工具会因 BOM 报错；建议在
File → Save with Encoding → UTF-8下重存
真正容易被忽略的是：Sublime 编辑 .vue 时，如果右下角显示的是 Plain Text 而不是 Vue Component，那连语法高亮都没有，更别说配合热更新了——先解决这个，再谈“实时”。
