VSCode中Black导致元素逗号垂直对齐，如何设置换行例外？

一、Python（针对Black格式化工具） #

Black默认会在列表、元组等元素末尾加逗号时强制换行对齐，要改成仅超过指定长度才换行，需调整它的配置：

• 打开VSCode设置（快捷键Ctrl+,或Cmd+,）
• 搜索Black: Args，点击编辑 in settings.json
• 添加以下配置：

  "python.formatting.blackArgs": [
      "--line-length", "80",
      "--no-magic-trailing-comma"
  ]
  

• 参数说明：
  • --line-length 80：把换行触发阈值设为80字符
  • --no-magic-trailing-comma：关闭"魔法逗号"功能，只有当代码长度超过阈值时，末尾逗号才会触发换行对齐

设置完成后，短列表会保持单行显示，只有内容长度超80字符时才自动换行对齐，示例：

# 短列表保持单行
alphabet_short = ["a", "b", "c"]
# 超长度列表自动换行对齐
alphabet_long = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "a", "b", "c"]

二、CSS（针对关联格式化工具） #

CSS出现同样问题，大多是因为使用的格式化工具（比如Prettier）配置了强制换行，调整方法如下：

• 先确认CSS默认格式化工具：在VSCode设置中搜索Default Formatter，查看CSS文件对应的工具（通常是Prettier）
• 配置Prettier：
  1. 打开VSCode设置，搜索Prettier: Print Width，设置为80
  2. 搜索Prettier: Trailing Comma，设置为es5（仅在必要时添加末尾逗号，且仅超长度时换行）
  3. 也可以在项目根目录创建.prettierrc文件，写入配置：

     {
         "printWidth": 80,
         "trailingComma": "es5"
     }
     

设置后，短选择器保持单行，超80字符才换行对齐，示例：

/* 短选择器保持单行 */
h1, h2, h3 { font-family: "Montserrat"; }
/* 超长度选择器自动换行对齐 */
h1, h2, h3, h4, h5, h6, p, span, div, section, article { font-family: "Montserrat"; }

内容的提问来源于stack exchange，提问作者Jun K.