Emmet缩写技巧，如何高效编写HTML代码？

本文共计941个文字，预计阅读时间需要4分钟。

Emmet在HTML中无需额外安装，但90%的不生效问题都出现在语言模式识别失败或缩写格式错误上。

为什么div.container按Tab没反应？

不是Emmet关了，而是VS Code没把它当HTML处理。右下角状态栏显示的如果不是HTML（比如是Plain Text或JavaScript），缩写直接被忽略。

• 新建文件后先保存为.html后缀，VS Code才会自动切语言模式
• 点右下角语言标识 → 选HTML；或快捷键Ctrl+K M（Win/Linux）/Cmd+K M（macOS）再输html
• div .container（中间有空格）会被解析成两个节点：<div></div>和<div class="container"></div>，必须写成div.container
• 在.vue文件里，只在<template>区域生效；<script>里默认不触发

!、>、+、*这些符号怎么用才不出错？

Emmet不是自然语言，每个符号位置都影响解析结果。写错一个空格，整段缩写就废了。