发布于2026-05-22 阅读(0)
扫一扫,手机访问
先明确一个核心问题:Sublime Text 默认完全不识别 .vue 文件,打开就是纯文本。这并非你遗漏了某个步骤,而是编辑器本身就没有内置支持。目前,唯一持续维护、兼容 ST4、并能正确高亮 、、 等区块的插件,只有 Vue Syntax Highlight。

很多开发者会误装旧插件,例如早已停更的 vue-component(仅支持 ST2)或名字少一个 s 的 Vue Syntax Highlight。这些都会导致安装失败或报错,例如 ImportError: No module named 'sublime_plugin'。正确的安装流程如下:
Package Control(若未安装,可通过 Ctrl+` 打开控制台,粘贴官方安装脚本)。Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS),调出命令面板。Package Control: Install Package 并回车。Vue Syntax Highlight(注意:首字母大写、中间有空格、且是带 s 的 Highlight),然后回车安装。.vue 文件,右下角仍显示为 Plain Text,说明文件后缀尚未与语法关联——这是下一步要解决的核心问题。插件只提供了语法定义,并不会自动将 .vue 后缀的文件与其关联。这是最容易被忽略的一步。即便你重装十遍插件,不执行此操作,所有 .vue 文件仍会被视为纯文本。
.vue 文件。Plain Text 的地方)。Open all with current extension as…。Vue Component。