emmet生成表格前必须将文件语法设为html，否则缩写失效；常用缩写如table>tr>td5、table>tr3>td*4等依赖层级与乘法语法，需注意符号规范；生成后可用多光标或ctrl+d高效编辑内容。
Emmet 生成表格前必须确认 HTML 语法已激活
Sublime 不会自动把新建文件识别为 HTML，哪怕你刚输完 <table>，只要右下角显示的是 <code>Plain Text 或 Markdown，Emmet 的 tab 展开就完全失效。这是最常被忽略的前置条件。
操作路径很直接：新建文件 → 点击右下角语法名称（如 Plain Text）→ 选 HTML；或者更稳妥的做法是：先保存为 index.html，再打开编辑。此后所有 Emmet 缩写才能正常响应。
用 Emmet 写表格的几种核心缩写模式
Emmet 表格生成依赖层级和乘法语法，不是拼单词，写错一个符号（比如漏掉 > 或多加空格）就会展开失败。以下是最常用且稳定有效的写法：
-
table>tr>td*5+Tab→ 1 行 5 列的空表格 -
table>tr*3>td*4+Tab→ 3 行 4 列的空表格 -
table>thead>tr>th*3+tbody>tr*2>td*3+Tab→ 带表头的 2 行数据表 -
table>tr*2>td{cell$}*3+Tab→ 生成带序号内容的表格（cell1、cell2…）
注意：$ 是自增计数器，* 前必须紧贴标签或括号，不能有空格；+ 表示同级并列，> 表示子级嵌套。
生成后怎么快速填内容、调结构？
表格骨架出来只是第一步。手动改每个 <td> 太慢，推荐两种高效方式：
<ul><li>把光标放在某行 <code><tr> 内，按 <code>Ctrl+Shift+L（Windows/Linux）或多点选中所有 <td>，一次性输入内容或 class
<li>用 <code>Ctrl+D 逐个选中相同文本（比如多个 <td></td>），再统一替换为 <td>内容</td>
colspan/rowspan，直接在已有 <td> 标签内补全属性，例如把 <code><td> 改成 <code><td colspan="2">
<p>如果后续要加样式，建议立刻在 <code> 里补上 <style></style> 块，避免跳转到外部 CSS 文件打断节奏。
为什么有时按 Tab 没反应？常见卡点排查
不是插件没装好，大概率是这几个细节出问题：
- 当前文件未设为
HTML语法（右下角不是HTML） - 缩写末尾有多余空格，比如
table>tr*3>td*4（最后那个空格会让 Emmet 忽略整条命令） - 光标不在行首，或前面有非空白字符（Emmet 要求缩写独占一行或前面只有空白）
- 安装了多个冲突插件（如某些旧版 Zen Coding 插件会劫持
Tab，优先禁用测试）
真正稳定的写法永远是：新文件 → 保存为 .html → 右下角确认 HTML → 换行 → 输入缩写 → Tab。少一步，就可能白忙活两分钟。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
