Sublime编写HTML代码，这几个插件能让你省一半时间-sublime-PHP中文网

emmet是html编写提速核心，必须语法+tab触发；autofilename补路径仅在引号内生效；css3需配置auto_complete_triggers才能补属性名。三者协同缺一不可。

sublime编写html代码，这几个插件能让你省一半时间

Emmet 是 HTML 编写提速的核心，没它，其他插件补再多也白搭；AutoFileName 和 CSS3 插件是配套刚需，三者缺一不可——单独装任何一个，都解决不了“手敲结构慢、引错路径多、CSS 属性记不住”这三类高频问题。

Emmet 必须确认语法 + Tab 触发，否则根本不工作

Emmet 不是提示补全，是按 Tab 即刻生成结构。常见失败现象：输入 div>ul>li*3 按 Tab 只缩进、不展开——大概率是当前文件语法不是 HTML（右下角显示 Plain Text 或 Vue Component）。

右键 → Set Syntax → 选 HTML，确保状态栏显示 HTML
Vue 单文件中，<template></template> 块需装 Vue Syntax Highlight，否则 Emmet 识别不到上下文
JS/JSX 文件默认不启用 Emmet，如需在 React 中用，进 Preferences → Package Settings → Emmet → Settings，加 "syntax_scopes": {"javascript": "source.js"}
别指望 Ctrl+Space 唤出 Emmet，它只绑定 Tab；若 Tab 失效，检查是否被 All Autocomplete 或 AutoFileName 劫持，可临时禁用测试

AutoFileName 补路径，但只在引号内生效且依赖项目根目录

它不会帮你补 display 或 background 这类 CSS 属性，只管 src、href、url() 里的相对路径。典型失效场景：输入 <img src="./%20%E5%90%8E%E6%97%A0%E6%8F%90%E7%A4%BA%E3%80%82

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

%0A

%E5%85%89%E6%A0%87%E5%BF%85%E9%A1%BB%E5%81%9C%E5%9C%A8%E5%BC%95%E5%8F%B7%E5%86%85%E9%83%A8%EF%BC%88" .>），不能在引号外或标签属性名后 <li>项目必须通过 <code>Project → Add Folder to Project 加入，否则它找不到子目录下的文件
不扫描 node_modules，Webpack 别名（如 @/assets）也无法补全，这类路径得靠 ESLint 提前报错拦截
它和 CSS3 插件不冲突，但功能完全不重叠：一个补路径，一个补属性名

CSS3 插件补属性名，但必须手动开启冒号触发

原生 Sublime 和 Emmet 都不提供 CSS 属性/值的上下文补全。输入 dis 按 Tab 没反应？不是插件没装，是没配触发条件。

在用户设置 Preferences.sublime-settings 中加这段：

{
  "auto_complete_triggers": [
    {"selector": "source.css", "characters": ":"}
  ],
  "auto_complete_commit_on_tab": true,
  "auto_complete_with_fields": true
}

漏掉 "auto_complete_commit_on_tab": true，哪怕 CSS3 已安装，display: 弹出菜单后按 Tab 也只会插入空格
.scss 文件要生效，需确保 SCSS 语法继承 source.css 作用域，可在 Packages/SCSS/SCSS.sublime-settings 中加 "auto_complete_selector": "source.scss -comment"
别和已停更的 SublimeCodeIntel 混用，它对 gap、aspect-ratio 等现代属性无支持，还常导致 ST4 卡顿