Sublime安装VueSyntaxHighlight:Vue组件高亮开发必看

星敏小哥_6164

星敏小哥_6164

2026-06-30

432人浏览

原创

必须手动绑定.vue后缀为vue component语法、确认插件名正确(vue syntax highlight,首字母大写、空格、末尾带s)、设置vue_version为"3"并启用enable_vue_blocks等嵌套语法开关,四步缺一不可;否则.vue文件始终白底黑字。

sublime安装vuesyntaxhighlight:vue组件高亮开发必看

装了 Vue Syntax Highlight 插件但 .vue 文件还是白底黑字?不是插件没生效,是 Sublime 压根没“认出”这是 Vue 文件——它不自动绑定后缀,也不默认启用嵌套语法。

怎么确认插件装对了、没被旧插件覆盖

很多人的 .vue 文件打不开高亮,根本原因是装错了名字,或者旧插件还在后台冲突。

  • 必须严格安装 Vue Syntax Highlight(首字母大写、中间空格、末尾带 s 和大写 H),不是 VueJS、vue-component 或漏掉 s 的旧版
  • 装完去 Preferences → Browse Packages… 看目录下是否存在 Vue Syntax Highlight/ 文件夹;如果看到的是 vuejs/,说明装错,得先禁用它
  • 按 Ctrl+` 打开控制台,如果有 ImportError: No module named 'sublime_plugin',基本就是插件不兼容 ST4,立刻卸载重装正确版本

为什么 .vue 文件右下角还是 Plain Text

插件只提供语法定义文件 Packages/Vue Syntax Highlight/Vue.sublime-syntax,不会自动把 .vue 后缀和它挂钩——这步必须手动做,否则每次打开都要点右下角切换。

vue-composition-api-best-practices
vue-composition-api-best-practices

Vue 3 组合式 API 与

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程