如何使用Emmet缩写为元素添加无值属性？

要让Emmet生成仅含属性名的无值布尔属性，只需修改VS Code的Emmet配置即可：

1. 打开VS Code设置界面
   使用快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac），或通过菜单栏文件 > 首选项 > 设置进入设置页面。

2. 找到并编辑Emmet偏好设置
   在设置顶部的搜索框中输入emmet preferences，定位到Emmet: Preferences选项，点击右侧的「编辑 in settings.json」。

3. 添加布尔属性配置
   在打开的settings.json文件中，插入以下配置项，将需要生成无值格式的属性列在数组中：

   "emmet.preferences": {
     "html.booleanAttributes": ["required", "readonly", "disabled", "checked"]
   }
   

   你可以根据需求添加更多属性，比如autofocus、novalidate等。

4. （可选）全局无值属性设置
   如果希望所有无值属性都默认生成仅属性名的格式，可将配置改为：

   "emmet.preferences": {
     "html.booleanAttributes": "*"
   }
   

配置完成后，再次输入input[required]这类Emmet缩写，展开后就会得到你需要的<input required>格式，而非带重复值的<input required="required">。

内容的提问来源于stack exchange，提问作者Maddy Guthridge