安装Vue Syntax Highlight插件可让Sublime Text支持Vue语法高亮，步骤包括：先安装Package Control，再通过命令面板搜索并安装Vue Syntax Highlight，然后将.vue文件关联为Vue Component语法，最后可选配置自动换行、去空格等优化设置。
要让Sublime Text支持Vue语法高亮，需要安装对应的插件。Vue文件是混合了HTML、JavaScript和CSS的单文件组件，原生Sublime无法正确识别，通过安装插件可实现标签、语法和颜色的正确高亮显示。
1. 安装Package Control（如果尚未安装）
Package Control是Sublime的插件管理工具，大多数插件都通过它来安装。
快捷键方式安装：按下 Ctrl+`（反引号）打开控制台，粘贴以下代码并回车：
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read())
安装完成后重启Sublime，菜单栏出现“Preferences > Package Control”即表示成功。
立即学习“前端免费学习笔记（深入）”；
2. 安装Vue Syntax Highlight插件
推荐使用功能完善且持续维护的插件：Vue Syntax Highlight。
按下 Ctrl+Shift+P 打开命令面板，输入“Package Control: Install Package”，回车。
等待列表加载完成后，搜索“Vue Syntax Highlight”，点击安装。
3. 设置.vue文件关联语法
安装完成后，打开一个 .vue 文件，如果未自动高亮，需手动设置语法：
- 点击右下角显示的语法类型（如“Plain Text”）
- 选择 “Open all with current extension as…”
- 找到并选择 “Vue Component”
此后所有 .vue 文件都会默认用Vue语法高亮显示。
4. 可选优化配置
为了获得更好的编辑体验，可以进行以下设置：
- 启用自动换行、缩进对齐：在菜单“View”中开启“Word Wrap”和“Indent Guides”
- 设置保存时自动去除空格：Preferences > Settings，添加
"trim_automatic_white_space": true - 配合Emmet插件，可在template中使用缩写快速生成HTML
基本上就这些。安装完Vue Syntax Highlight后，script、style、template三大块都能正确着色，提升编码效率。遇到不生效的情况，检查是否被其他插件冲突，或尝试重启Sublime。不复杂但容易忽略细节。
