如何配置Visual Studio Code格式化文档的最大列数适配超宽屏?
如何配置VS Code默认格式化工具的最大列数以适配超宽屏?
要让VS Code的默认格式化工具适配超宽屏,避免代码过早换行,可按以下步骤调整对应设置:
1. 调整编辑器通用换行参考列数
- 按下快捷键
Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置界面 - 在搜索框输入
editor.wordWrapColumn,将数值修改为超宽屏能容纳的列数(比如300或更大),这是编辑器的基础换行参考值
2. 针对默认格式化工具的具体设置
根据你使用的语言对应的默认格式化器,调整对应的换行宽度:
若使用Prettier(多数语言默认格式化器)
- 在设置中搜索
prettier.printWidth,设置为足够大的数值(如300),Prettier格式化时会在达到该列数时才换行
若使用VS Code内置HTML格式化器
- 在设置中搜索
html.format.wrapLineLength,将数值调大(如300),HTML标签内容就会保持单行直到达到设定列数
调整后,原本被拆分成多行的代码:
<button type="button" class="btn btn-success " [disabled]="!tenantForm.valid" (click)='btnClicked("next")'>Submit</button>
会被格式化为单行显示:
<button type="button" class="btn btn-success " [disabled]="!tenantForm.valid" (click)='btnClicked("next")'>Submit</button>
内容的提问来源于stack exchange,提问作者JimbobTheSailor
相关产品推荐
相关产品推荐

