Sublime如何实现Vue文件高亮_Sublime插件VueSyntax配置过程【流程】

雨雪酱_2709

雨雪酱_2709

2026-05-10

459人浏览

原创

sublime text 默认不识别 .vue 文件,必须安装 vue syntax highlight(首字母大写、中间空格、末尾带 s)插件,手动将 .vue 关联为 vue component 语法,并配置 "vue_version": "3" 及对应子语言插件(如 scss、typescript),四步缺一不可,否则始终显示 plain text 或区块高亮失效。

sublime如何实现vue文件高亮_sublime插件vuesyntax配置过程【流程】

Sublime Text 默认不识别 .vue 文件,装完插件不配置文件关联,它永远显示为 Plain Text —— 这不是插件没装好,是 Sublime 压根没被告诉“这个后缀该用哪种语法”。

怎么装对 Vue Syntax Highlight 插件

名字必须一字不差:Vue Syntax Highlight(首字母大写、中间空格、末尾带 s)。搜 VueJS、vue-component 或漏掉 s 的 Vue Syntax Highlight,都会装错:

  • 装了 Vuejs 会和新插件冲突,导致 <script setup></script> 块变白底黑字
  • 老版 Vue Syntax Highlight(无 s)在 ST4 上报 ImportError: No module named 'sublime_plugin'
  • 装完去 Preferences → Browse Packages… 确认存在 Vue Syntax Highlight/ 目录,不是 vuejs/

为什么 .vue 文件还是 Plain Text

插件只提供语法定义,不自动绑定后缀。跳过这步,等于白装。必须手动让 Sublime 记住:.vue = 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万人学习