在VSCode中如何通过快捷键将HTML元素转换为列表样式？

方法一：命令面板+Emmet包裹 #

1. 选中要转成列表的所有HTML元素（比如一堆<p>标签）
2. 按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）调出命令面板
3. 搜索「Wrap with Abbreviation」命令并执行
4. 在弹出的输入框里输入ul>li*，回车后选中的元素就会被自动套进<ul>容器，每个元素对应一个<li>列表项

方法二：直接用Emmet包裹快捷键 #

默认情况下，Ctrl+Shift+A（Windows/Linux）或Cmd+Shift+A（Mac）就是「Wrap with Abbreviation」的快捷触发键，选中目标元素后按下组合键，输入ul>li*回车即可完成转换，比命令面板操作更高效。

方法三：自定义专属快捷键 #

如果默认快捷键不顺手，可以自行修改：

• 按Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开VSCode设置，搜索「Keyboard Shortcuts」进入快捷键设置面板
• 搜索「editor.emmet.action.wrapWithAbbreviation」，点击编辑按钮，设置你习惯的快捷键组合

另外，如果是要把多行纯文本转成列表，先选中所有文本行，按Ctrl+Shift+L（Windows/Linux）或Cmd+Shift+L（Mac）全选每行内容，再用上面的包裹方法就能快速生成<ul><li>结构。

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