VSCode如何调整换行触发竖线位置 避免不必要的代码自动折行

调整触发换行的白色竖线（编辑器标尺）位置 #

你看到的白色竖线是VSCode的编辑器字符宽度标尺，调整方式如下：

• 打开VSCode设置页：快捷键Ctrl+,（Windows/Linux）/ Cmd+,（Mac）
• 在设置搜索框输入Editor: Rulers，找到对应配置项
• 点击「在settings.json中编辑」，修改配置数组里的数值，数值代表标尺对应的字符宽度，示例如下：

"editor.rulers": [120]

• 保存配置后，标尺会自动移动到对应宽度位置。

解决Flutter/Dart代码多余自动换行问题 #

你遇到的代码强制拆行是Dart官方格式化插件的默认规则导致的，和标尺配置匹配调整即可：

• 打开VSCode设置页，搜索Dart: Line Length
• 将默认值80调整为和你标尺一致的数值（比如120），Dart格式化时会以该数值作为换行阈值
• 若需要针对单个项目生效，可在项目根目录的analysis_options.yaml中添加如下配置：

# 忽略80字符行宽警告
linter:
  rules:
    lines_longer_than_80_chars:
      severity: ignore
# 设置项目层面格式化行宽
dart:
  lineLength: 120

• 保存配置后重新格式化代码，即可避免padding属性被强制拆分为两行的问题。

如果调整后仍出现非预期换行，检查是否同时安装了Prettier等其他格式化插件，将对应插件的printWidth配置修改为相同数值即可解决冲突。

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