sublime默认不识别.vue文件，需安装vue syntax highlight插件并手动绑定后缀为vue component。该插件持续维护、兼容st3/st4，支持、lang="ts"及lang="scss"；其他类似名称插件多已停更或不兼容。
Sublime 默认完全不识别 .vue 文件，打开就是纯文本——这不是你配错了，是它压根没定义这种文件类型。装对插件 + 手动绑定后缀，两步缺一不可。
装哪个插件？认准 Vue Syntax Highlight，别碰 VueJS 或 vue-component
搜“Vue”出来的包里，只有 Vue Syntax Highlight 持续维护、兼容 ST3/ST4、支持 <script setup></script>、lang="ts"、scoped 和 lang="scss"。其他名字相似的包基本已停更：
-
VueJS是旧版，依赖废弃的Tern.js，启用后常卡死或报AttributeError: 'NoneType' object has no attribute 'split' -
vue-component只适配 ST2，装上直接报ImportError: No module named 'sublime_plugin' -
Vue Snippets只提供代码片段，不带语法高亮能力
安装路径：按 Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（macOS）→ 输入 Package Control: Install Package → 等列表加载完 → 严格输入 Vue Syntax Highlight（首字母大写、中间空格）→ 回车。
装完还是白底黑字？必须手动把 .vue 绑定到 Vue Component 语法
插件只提供语法定义（Vue.sublime-syntax），不会自动把 .vue 后缀和它关联。跳过这步，右下角永远显示 Plain Text。
- 打开任意一个
.vue文件 - 点击右下角当前语法名（比如
Plain Text） - 选择
Open all with current extension as…→ 找到并点击Vue Component（注意不是Vue或HTML）
如果菜单里没出现 Vue Component，说明插件根本没加载成功。检查 Ctrl+` 控制台是否有报错；也可能是 Package Control 自身过旧，先升级它再重试。
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章