如何在VS Code中给HTML标签的每个属性前添加多光标？

针对你给出的代码：

<Button color="secondary" className='circular-btn' fullWidth>

下面是几种无需逐个点击的快捷操作：

方法一：选择所有匹配内容生成多光标 #

• 选中第一个属性前的空格（比如color前面的空格）
• 按下 Ctrl+Shift+L（Windows/Linux）或 Cmd+Shift+L（Mac），所有和选中内容一致的位置会自动生成光标
• 直接按回车，就能把每个属性拆到单独一行

方法二：查找匹配并批量加光标 #

• 选中任意一个属性前的空格
• 按下 Alt+Enter（Windows/Linux）或 Option+Enter（Mac），所有匹配位置会同步添加光标
• 按回车完成换行对齐

方法三：正则匹配精准定位（适合格式不统一的情况） #

• 按下 Ctrl+F（Windows/Linux）或 Cmd+F（Mac）打开查找框，勾选右侧的「正则表达式」（.*图标）
• 输入正则表达式 \s+(?=[a-z])（匹配属性前的空格，确保只选中属性开头前的空格）
• 点击查找框右侧的「在所有匹配处添加光标」按钮，或者直接按 Alt+Enter
• 按回车拆分每行

另外，如果你只是想快速把属性拆成每行一个，也可以直接选中整个<Button ...>标签内容，打开命令面板（Ctrl+Shift+P/Cmd+Shift+P），搜索「Wrap Attributes」（多数前端格式化插件如Prettier都支持），一键自动完成对齐，不用手动加光标。

内容的提问来源于stack exchange，提问作者Mariano B.