如何在VSCode中使用Emmet快速编写CSS注释？

前置检查 #

默认状态下VSCode对CSS文件的Emmet支持是自动开启的，如果你之前修改过配置，可先进入设置搜索Emmet: Include Languages，确认配置项里存在css的映射规则即可。

常用操作场景 #

• 快速插入空白注释 #

  在CSS文件需要加注释的位置输入缩写c，按下默认的Emmet触发键Tab，就会自动展开为标准CSS注释结构/* */，光标会自动定位到注释中间区域，直接输入注释内容即可。

• 为已有代码添加包裹注释 #

  1. 先选中你需要注释的CSS代码片段
  2. 按下快捷键Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）调出命令面板
  3. 搜索并选择「Emmet: Wrap with Abbreviation」选项
  4. 在弹出的输入框中输入缩写c后按下回车，选中的代码就会自动被/* */包裹为注释内容

小提示：你也可以在VSCode键盘快捷方式设置中，为「Emmet: Expand Abbreviation」和「Emmet: Wrap with Abbreviation」绑定自定义快捷键，进一步提升操作效率。

内容的提问来源于stack exchange，提问作者Abshir M