emmet缩写不生效需检查三处：一是右下角语言模式是否为html/css（非plain text）；二是设置中emmet.triggerexpansionontab是否为true；三是禁用劫持tab的冲突插件（如auto rename tag）。
Emmet缩写不生效？检查这三处配置
Emmet在VSCode里默认启用，但常因配置冲突或语言模式错配失效。最典型现象是输入div.container后按Tab没展开成<div class="container"></div>。
- 确认当前文件语言模式是
HTML或CSS：右下角状态栏点击语言标识，选“HTML”或“CSS”，不是“Plain Text” - 检查设置里
emerald.emmetAbbreviationSuggestions是否为true（新版VSCode已改名，实际对应emerald.emmetSuggestions） - 禁用可能冲突的插件，比如某些“CSS in JS”语法高亮扩展会劫持
Tab行为
写CSS类名时自动补全不出现？别急着重装插件
VSCode原生支持CSS类名补全，但依赖class属性上下文和项目中已存在的类定义。不是所有场景都触发，尤其在JSX/TSX里容易失效。
- 确保文件后缀是
.css或.scss，且语言模式正确设为SCSS或CSS - 在HTML中写
class="btn"时，补全只对已定义的类生效——它不会猜你还没写的类，而是读取当前项目里.btn是否出现在其他CSS文件中 - 想强制触发补全，把光标放在引号内，按
Ctrl+Space手动唤出建议列表
快速切换CSS单位：px转rem、%转vw，不用手敲
VSCode本身不带单位换算，但px to rem这类操作靠插件实现，关键是选对轻量级工具，避免拖慢编辑器。
- 推荐安装
CSS Peek或Auto Rename Tag这类低侵入插件，它们不接管编辑逻辑，只在需要时响应 - 换算快捷键通常是
Ctrl+Shift+P→ 输入“convert” → 选“Convert px to rem”，但前提是光标停在数字上，且该数字后紧跟px - 注意：如果数字是变量（如
--spacing-sm: 8px），多数插件无法识别，得手动改或用Find/Replace配合正则：(\d+)px→$1rem（需先除以根字号，不能直接替换）
修改多个CSS声明值时，别用鼠标拖选
批量改margin、padding、color等重复值，多光标比查找替换更可控，尤其当值有细微差异时。
- 把光标放在第一个值上（如
12px），按Ctrl+D逐个选中后续相同值；想跳过某个，按Ctrl+K跳过当前匹配 - 如果所有目标都在同一列（比如全是第二行的
color值），用Alt+Click在每行对应位置点出光标，再统一输入 - 误选太多？按
Ctrl+U撤销最近一次多选，比Esc退出多光标模式更精准
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
