Sublime如何配置Vue语法高亮_Sublime安装Vue插件教程【插件】-sublime

Sublime Text需安装Vue Syntax Highlight插件并手动绑定.vue语法，配置enable_vue_blocks等选项启用区块内高亮，设默认编码为UTF-8，为Emmet添加vue语法作用域，最后重启编辑器。

Vue单文件组件（.vue）不识别语法怎么办

Sublime Text 默认不支持 .vue 文件的语法高亮，打开后全是纯文本。这不是插件没装对，而是 Sublime 没把 .vue 后缀和 Vue 语法关联起来。

解决方法分两步：先装插件，再手动设置语法绑定。

• 推荐安装 Vue Syntax Highlight（比老牌的 Vuejs 插件更轻量、更新勤、无 Python 依赖）
• 通过 Package Control → Install Package → Vue Syntax Highlight 安装
• 安装后不会自动生效——右键编辑区 → Set Syntax → Vue Syntax Highlight → Vue
• 为避免每次手动设置，可点击 View → Syntax → Open all with current extension as... → Vue，这样所有 .vue 文件都会默认用该语法

template/script/style 块内语法高亮失效

即使绑定了 .vue 文件，也常出现 里没 JS 高亮、 里没 HTML 高亮的情况。这是因为 Vue 语法包本身不嵌套解析子语言，需额外配置作用域。

打开 Preferences → Package Settings → Vue Syntax Highlight → Settings，在用户配置中加入：

立即学习“前端免费学习笔记（深入）”；

{
  "enable_vue_blocks": true,
  "enable_html_in_template": true,
  "enable_js_in_script": true,
  "enable_css_in_style": true
}

注意：enable_vue_blocks 是开关，必须设为 true；其余三项控制各区块是否启用对应语言高亮。若你用 TypeScript，把 enable_js_in_script 改成 enable_ts_in_script 并确保已装 JavaScriptNext - ES6 Syntax 或 TypeScript 插件。