sublime text中.pug文件语法高亮需先手动选择pug语法再执行“open all with current extension as…”，否则右下角始终显示plain text；配置中syntax字段必须严格为"packages/pug/pug.sublime-syntax"，大小写、前缀和后缀缺一不可。
Sublime Text 默认打不开 .pug 文件的语法高亮，不是插件没装对，而是扩展名根本没绑定到 Pug 语法——哪怕你已安装了 Pug 包，右下角仍显示 Plain Text，这是最常见、也最容易卡住人的一步。
为什么装了 Pug 插件右下角还是 Plain Text
根本原因：Package Control 安装的只是语法定义文件（Pug.sublime-syntax），它不自动注册 .pug 后缀。Sublime 不会“猜”你想要什么语言，必须手动告诉它。
- 打开任意一个
index.pug文件，右下角显示Plain Text→ 点击它 - 若弹出菜单里没有
Pug，说明插件未加载成功：重启 Sublime，或重装 Pug 包（别选 Jade，2026 年主流维护的是Pug包） - 如果看到
Pug，先点一下 → 再次点击右下角语言名 → 选Open all with current extension as…→ 确认选中Pug - 这步会写入用户配置：
"extensions": ["pug"], "syntax": "Packages/Pug/Pug.sublime-syntax"——注意大小写、Packages/前缀、.sublime-syntax后缀三者必须完全匹配
如何确认 syntax 配置是否生效
直接检查 Packages/User/Preferences.sublime-settings 文件内容，重点看是否有这段映射：
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
"extensions": [ "pug" ], "syntax": "Packages/Pug/Pug.sublime-syntax"
常见错误包括：
- 写成
"syntax": "Pug/Pug.sublime-syntax"（漏了Packages/） - 写成
"syntax": "Packages/pug/Pug.sublime-syntax"（pug小写） - 写成
"syntax": "Packages/Pug/Pug.tmLanguage"（旧格式，新包只用.sublime-syntax） - 多个扩展名共用同一段配置时，
"extensions"数组里混入了"jade"，但当前插件不支持该 scope
安装 Pug 语法包的推荐路径（别走手动复制老路）
2026 年所有主流 Sublime 版本（ST4 及 ST3 最新版）都应优先使用 Package Control，避免 YAML 结构错位或 scope 冲突：
- 快捷键
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS）调出命令面板 - 输入
Install Package回车 → 等待列表加载完成 - 搜
Pug，选中并安装（作者通常是hdefuany或sublimelsp维护的活跃分支） - 安装完无需重启，直接打开
.pug文件测试；若仍不生效，再执行上一节的绑定操作 - 不推荐手动下载
jade.tmbundle或复制.tmLanguage文件：这些是 Sublime Text 2 时代的遗留方案，ST4 已不兼容其 scope 声明方式
真正容易被忽略的是：绑定操作必须在「已加载 Pug 语法」的前提下进行——也就是说，右下角菜单里得先能看到 Pug 这个选项。很多人卡在第一步就去改配置文件，结果越改越乱。先让 Sublime 认出这个语法，再让它记住后缀，顺序不能颠倒。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
