WebStorm HTML 支持问题需检查文件类型绑定、语言注入、Live Edit 配置及代码片段作用域：绑定。htm 等后缀到 HTML 类型；在 script/style 标签内用 Alt+Enter 注入 JS/CSS；Live Edit 需官方浏览器插件和正确路径；Live Template 须勾选 HTML 作用域并确认触发键。
HTML 文件没语法高亮或自动补全？检查文件类型绑定
WebStorm 默认靠后缀识别 HTML，但如果你的文件是 .htm、.shtml，甚至带构建前缀的 _template.html，它可能当成纯文本处理。这时候写 <div> 没颜色、敲 class="" 不弹属性提示，不是插件问题，是类型没绑对。
- 打开
Settings > Editor > File Types - 在
Recognized File Types里找到HTML - 往下面的
Registered Patterns里加你实际用的后缀，比如<em>_template.html</em>或.htm - 别手抖删掉默认的
*.html，否则基础功能就崩了
注意：改完要重启编辑器，或者右键文件选 Reload from Disk，否则缓存还在用旧类型。
写内联 JS/CSS 时代码不校验？确认语言注入已启用
<script> 和 <style> 标签里的内容默认只是字符串，WebStorm 不会主动当 JS 或 CSS 解析——所以没有 ESLint 提示、没有 CSS 属性校验、console.log() 也不标错。这不是 bug，是设计如此。
- 把光标放在
<script>标签内部，按Alt + Enter（mac 是Option + Enter） - 选
Inject language or reference > JavaScript - 同理，
<style>内部可注入CSS或SCSS（如果装了插件）
常见坑：
立即学习 “ 前端免费学习笔记（深入）”；
- 注入只对当前标签生效，复制粘贴后不会自动继承
- 如果用了
type="module"或lang="ts"，注入要手动选对应语言，否则 TS 语法会被标红 - 注入后若出现意外报错，先检查是否重复注入（右键标签看菜单里是否已有“Uninject”）
Live Edit 不刷新页面？别只盯着浏览器按钮
WebStorm 的 Live Edit 功能依赖内置服务器和浏览器插件协同。点了“Open in Browser”却没热更新，大概率不是功能失效，而是链路断在某个环节。
- 确保启动的是 WebStorm 自带的
<a href="https://www.php.cn/link/aca8d4b0dd45052f72fc42d3e5a5deff">https://www.php.cn/link/aca8d4b0dd45052f72fc42d3e5a5deff</a>……地址，不是你本地起的<a href="https://www.php.cn/link/8e5687e2d6ab87e5da2f833f3e8986a4">https://www.php.cn/link/8e5687e2d6ab87e5da2f833f3e8986a4</a>或文件协议file:// - 浏览器必须装官方插件：
JetBrains IDE Support（Chrome / Edge 商店搜得到），且插件状态是启用中 - HTML 文件得是项目根目录下直接可访问的路径，嵌套太深（比如
src/pages/home/index.html）可能触发路由拦截，导致 WebSocket 连不上
性能提示：开启 Live Edit 后，每次保存都会触发一次轻量 DOM diff，如果页面含大量第三方脚本或 iframe，响应可能延迟 1–2 秒，不是卡死。
自定义代码片段总不生效？检查作用域和缩进规则
你想输 html5 回车生成完整模板，结果只出来一行空 <html>，多半是 Live Template 作用域设错了，或者缩进被格式化规则覆盖。
- 进入
Settings > Editor > Live Templates，找到你的模板（比如html5） - 点击右侧
Define，确保勾选了HTML，而不是只勾了XML或Other - 模板内容里避免硬编码 4 空格缩进；用
$END$定位光标，用Tab键控制层级，WebStorm 会按当前文件的Code Style > HTML > Other设置自动对齐 - 如果模板里含
${DATE}这类变量，记得点Edit variables设好表达式，否则插入时显示为字面量
容易被忽略的一点：Live Template 触发字符默认是 Tab，但如果你改过 Key by which to expand template（比如设成空格），那输完 html5 就得按空格才能展开——而很多人习惯回车，于是以为失效。
WebStorm 对 HTML 的支持很细，但每层都依赖明确的上下文判断。绑错类型、漏装插件、作用域配窄、路径不规范……这些都不是“功能不行”，而是它严格按规则走。调的时候盯住那个具体不工作的环节，比重装插件快得多。
