Sublime Text如何将vue后缀关联到Vue高亮

老强吖_7727

老强吖_7727

2026-10-24

728人浏览

原创

必须手动绑定.vue后缀为vue component,否则始终显示plain text;插件不自动关联,需点击右下角语法名→open all with current extension as…→选vue component,若菜单无此选项则插件未加载成功。

sublime text如何将vue后缀关联到vue高亮

必须手动绑定,插件安装完不会自动关联 .vue 后缀——跳过这步,所有 .vue 文件永远显示 Plain Text。

点击右下角语法名 → 选 “Open all with current extension as…”

这是唯一生效的绑定路径,不是改配置文件、也不是拖文件进插件目录。

  • 打开任意一个 .vue 文件,右下角会显示当前语法(常见是 Plain Text 或 HTML)
  • 点击它,弹出菜单后选 Open all with current extension as…
  • 在子菜单里找 Vue Component —— 注意不是 Vue、HTML (Vue)、Vue Template,只有这个选项才对应 Vue Syntax Highlight 插件提供的语法
  • 如果菜单里压根没出现 Vue Component,说明插件根本没加载成功,不是绑定的问题,先查控制台报错

为什么点不到 Vue Component?检查插件是否真装对了

菜单缺失的根源几乎全是插件加载失败,而不是操作顺序错了。

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

Vue 3 组合式 API 与

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app快速上手
uni-app快速上手

共0课时 | 0人学习

Vue 教程
Vue 教程

共42课时 | 17.2万人学习

Vue3.x 工具篇--十天技能课堂
Vue3.x 工具篇--十天技能课堂

共26课时 | 2.5万人学习