Sublime Text怎样为Vue配置原生高亮体验?常用插件设置指南

冬敏大大_3026

冬敏大大_3026

2026-10-21

436人浏览

原创

必须安装vue syntax highlight插件、手动绑定.vue为vue component、配置"vue_version": "3"并启用enable_ts_in_script等嵌入开关,三步缺一不可;装错插件或跳过任一步均导致白底黑字或控制台报importerror。

sublime text怎样为vue配置原生高亮体验?常用插件设置指南

Sublime Text 本身不支持 .vue 文件,所谓“原生高亮体验”完全依赖插件链协同工作——装错插件、漏配关联、子语言断链,任意一环出问题,.vue 文件就退化成 Plain Text,不是你配置慢了,是 Sublime 根本没启动语法解析。

必须装 Vue Syntax Highlight(名字一个字母都不能错)

当前唯一兼容 ST4、持续维护、支持 <script setup lang="ts"></script> 和 <style scoped lang="scss"></style> 的插件,只有 Vue Syntax Highlight。名字必须严格为:首字母大写、中间空格、末尾带 s 和大写 H。

  • 搜 vue syntax 或 vue highlight 极易误选已停更的 VueJS(报 ImportError: No module named 'sublime_plugin')或不兼容 ST4 的 vue-component
  • 装完立刻进 Preferences → Browse Packages…,确认存在 Vue Syntax Highlight/ 文件夹(不是 vuejs/ 或 vim-vue/)
  • 若已装错,先用 Package Control: Remove Package 卸载干净,再重试

手动绑定 .vue 后缀为 Vue Component

插件只提供 Packages/Vue Syntax Highlight/Vue.sublime-syntax 文件,不会自动注册文件关联。跳过这步,所有 .vue 文件右下角永远显示 Plain Text。

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万人学习