安装vue Syntax Highlight插件并配置默认语法关联，可实现sublime Text对.vue文件的语法高亮与基础智能提示，提升开发效率。
要让 sublime text 支持 Vue 文件的语法高亮和智能提示，需要正确安装插件并进行基础配置。Vue 单文件组件（.vue）包含 template、script 和 style 三部分，原生 Sublide 不支持高亮，需借助第三方插件实现。
1. 安装 Package Control（如果尚未安装）
Package Control 是 Sublime 的插件管理工具，绝大多数插件都通过它来安装。
打开 Sublime Text，按下 Ctrl+` 打开控制台，粘贴以下代码并回车：
import urllib.request,os,hashlib; exec(urllib.request.urlopen(‘https://packagecontrol.io/installation.py’).read().decode(‘utf-8’))
安装完成后重启 Sublime。
立即学习“前端免费学习笔记（深入）”；
2. 安装 Vue Syntax Highlight 插件
这是目前最常用的 Vue 文件语法高亮插件，支持 .vue 文件的标签高亮与语言识别。
按下 Ctrl+Shift+P 打开命令面板，输入 “Install Package”，选择 “Package Control: Install Package”，然后搜索并安装：
- Vue Syntax Highlight
安装后，.vue 文件会自动按 template、script、style 区分语法，实现 html、javaScript、css 的对应高亮。
3. 设置默认打开方式为 Vue 语法
为了让 .vue 文件每次打开都自动使用 Vue 语法高亮，可进行如下设置：
打开一个 .vue 文件，点击右下角显示的语法（如“Plain Text”），选择：
Open all with current extension as… → Vue Component
这样以后所有 .vue 文件都会默认用 Vue 语法打开。
4. 添加智能提示（js/HTML 补全支持）
Sublime 原生补全较弱，可通过以下方式增强 Vue 开发体验：
- 安装 Emmet：已内置或可通过 Package Control 安装，支持 HTML/CSS 快速生成。
- 安装 Vue Autocomplete：提供 Vue 指令（如 v-model、v-if）的自动补全。
- 启用 Sublime 的自动补全功能：在菜单栏选择 Preferences → Settings，添加或确认以下配置：
{ “auto_complete”: true, “auto_complete_commit_on_tab”: true, “auto_complete_with_fields”: true }
5. 可选：搭配 Babel 插件提升 JS 高亮
如果你的 script 标签使用 es6+ 或 typescript，推荐安装：
- Babel：提供更好的 javascript 语法高亮（尤其是 JSX 和 Vue 中的 options API / composition API）。
注意：安装 Babel 后可能会覆盖 Vue 的 script 高亮，建议只用于 .js 文件，或在 Vue 文件中手动切换 syntax 为 “Vue” 而非 “Babel”。
基本上就这些。配置完成后，.vue 文件会有清晰的语法着色，标签区分明确，同时获得基础的代码提示能力。虽然不如 VS Code 强大，但 Sublime 轻量快速，适合习惯它的开发者。不复杂但容易忽略的是默认语法关联设置，记得手动绑定一次 .vue 扩展名。基本上就这些。