VSCode中水平单行代码拆分为垂直多行排列的快捷键是什么

VSCode 自带格式化能力，不需要额外安装插件就能实现单行代码按属性拆分为多行的效果，具体操作如下：

• 快速格式化快捷键
  先选中你要转换的单行代码块：
  • Windows/Linux 系统直接按 Shift + Alt + F 即可触发选定内容格式化
  • macOS 系统直接按 Shift + Option + F 即可触发选定内容格式化
    如果快捷键触发没反应，就按 Ctrl + Shift + P（Windows/Linux）/Cmd + Shift + P（macOS）调出命令面板，搜索「格式化选定内容」点击执行即可。
• 自定义逐属性换行规则
  如果默认格式化没有实现每个属性单独占一行，只需要调整对应格式化配置即可：按 Ctrl + ,（Windows/Linux）/Cmd + ,（macOS）打开设置页，点击右上角的打开设置JSON按钮，在配置里添加对应规则：

{
  // JS/JSX 格式化相关配置
  "javascript.format.wrapAttributes": "force", // 强制每个属性单独换行
  "typescript.format.wrapAttributes": "force",
  // 如果使用Prettier作为默认格式化器，补充以下配置
  "prettier.singleAttributePerLine": true
}

配置保存后再执行格式化，就能自动把单行的标签属性、对象属性逐行拆分对齐。

• 临时手动拆分
  如果只是偶尔拆分几行不需要走格式化，直接把光标放在两个属性的分隔位置（比如逗号后面、属性名前面）按回车，VSCode会自动匹配当前代码的缩进层级，不需要手动调整空格对齐。

注意：你示例里的样式属性paddingHoizental存在拼写错误，React Native 中对应水平方向内边距属性的正确写法是paddingHorizontal，写代码时注意修正避免样式失效。

你给出的示例代码经过格式化后，标准缩进效果如下：

<View 
  style={{
    flex: 1,
    marginTop: 20, 
    paddingHorizontal: 20,
    backgroundColor: '#FFF'
  }}
>

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