Sublime 怎么运行 Vue 项目？Sublime 配置 Vue 语法高亮与提示的插件

Sublime 能不能直接运行 Vue 项目？

答案是：不能。这里有个常见的误解需要澄清。Sublime Text 本质上是一个高度优化的纯文本编辑器，它不像一些集成开发环境（IDE）那样，内置了 Node.js 运行时、打包工具（比如 Vite 或 Vue CLI）或者 HTTP 服务器。因此，你无法指望在 Sublime 里找到一个按钮，一点就能启动开发服务器。所谓的“运行 Vue 项目”，其真实流程是：你在 Sublime 中编写代码，然后必须在系统终端（或命令行）中手动执行 npm run dev 等命令。Sublime 的角色，始终是专注且高效的代码书写工具。

Vue 单文件组件（.vue）语法高亮怎么配？

刚用 Sublime 打开一个 .vue 文件，你可能会有点懵——满屏白底黑字，模板、脚本和样式全都混在一起，毫无层次感。这是因为 Sublime 默认并不认识这种文件格式。要解决这个问题，必须借助插件。

最可靠的选择是安装官方维护的插件：

• 首先，调出 Package Control（快捷键通常是 Ctrl+Shift+P 或 Cmd+Shift+P）。
• 输入 Install Package 并回车，等待仓库列表加载。
• 搜索并安装名为 Vue Syntax Highlight 的插件（认准作者是 vuejs，这是 GitHub 上 star 最多且持续更新的那个）。
• 安装完成后，重启 Sublime，或者右键点击 .vue 文件，选择 Open all with current extension as…，然后手动指定为 Vue 语法。

这里有个关键提醒：千万别装错了。市面上还有一个名字很像、带黄色图标的老插件叫 Vuejs，它已经停止维护，对 Vue 3 的