emmet在sublime中tab不响应，主因是语法未设为html、缩写未写在行尾、tab绑定被禁用；需检查右下角状态栏、光标位置，并配置key bindings或改用ctrl+e/cmd+e。
Emmet 在 Sublime 中默认不响应 Tab，装完插件 ≠ 能用；浏览器同步刷新必须靠插件配合，Sublime 本身不带热更新能力。
Emmet 缩写不触发？先看这三处硬性条件
多数人卡在“按 Tab 没反应”，其实和插件好坏无关，而是 Sublime 根本没把当前文件当 HTML 处理：
- 右下角状态栏必须显示
HTML（不是Plain Text、JavaScript或XML）；新建文件默认是Plain Text，得先按Ctrl+Shift+P→ 输入Set Syntax: HTML - 缩写必须写在行尾，光标紧贴其右侧；前面有空格、换行、中文标点，
emmet_expand_abbreviation直接跳过 - Sublime Text 4 默认禁用
Tab绑定，真正生效的是Ctrl+E（Win/Linux）或Cmd+E（macOS）；想改回Tab，得在Preferences → Key Bindings用户配置里加 context 过滤
@media 媒体查询怎么快速写？别手敲断点值
响应式开发中反复修改 max-width 值很枯燥，Emmet 提供了原生支持：
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 输入
@media后按Tab（前提是语法为CSS），自动补全为@media (max-width: 768px) { } - 需要批量改多个断点？用多光标：按住
Ctrl+Alt（Win/Linux）或Cmd+Option（macOS），再鼠标点击每个768位置，一次编辑全部 - 若想自定义默认断点（比如改成
576px），需修改 Emmet 设置：进入Preferences → Package Settings → Emmet → Settings，添加"css_media_queries": {"sm": "576px"}，之后输入@m+sm就能展开对应断点
保存即刷新浏览器？LiveReload 和 BrowserSync 选哪个
两者都能实现“改完 CSS/HTML → 浏览器自动刷新”，但适用场景不同：
-
LiveReload：轻量、启动快，适合单机调试；需在浏览器装 LiveReload 插件，并在 Sublime 安装同名插件后启用监听（右键 →Enable LiveReload） -
BrowserSync：功能更强，支持多设备同步、滚动同步、URL 共享；但依赖 Node.js，需全局安装npm install -g browser-sync，再通过 Sublime 的Build System配置命令调用 - 注意：
LiveStyle插件已停止维护（2025 年底起失效），别再尝试；它曾支持 CSS 实时注入，但现已被BrowserSync的inject-css模式替代
为什么改了 CSS 却看不到效果？检查作用域和文件路径
常见现象：CSS 文件里写了 .container{color:red}，保存后页面没变色——问题往往不在 Emmet 或刷新逻辑：
- 确认 HTML 中引用的 CSS 是相对路径且拼写正确，比如
<link rel="stylesheet" href="css/style.css">，而实际文件在./style.css，就会加载失败 - Emmet 生成的 CSS 规则可能被其他样式覆盖，打开浏览器开发者工具，看该规则是否被划掉；优先级不够时，可加
!important快速验证，但别留到生产环境 - Sublime 的
View in Browser功能只认本地file://协议，若 CSS 引用了网络字体或 API，部分样式会因跨域被浏览器拦截，此时必须用BrowserSync启服务跑http://localhost:3000
Emmet 和浏览器同步看似是两件事，但真正卡住人的，永远是语法识别、路径解析、协议限制这些底层细节。别急着重装插件，先盯住状态栏、控制台报错、网络面板里的 404 —— 大部分问题，都在那几行日志里藏着。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
