如何配置VS Code在viewport结束前自动换行无需向右滚动

方法一：通过可视化设置面板快速配置 #

• 打开设置面板：按快捷键Ctrl+,（Windows/Linux 系统）或 Cmd+,（Mac 系统）
• 在设置页顶部的搜索框输入 word wrap，找到「Editor: Word Wrap」配置项
• 点击配置项的下拉框，选择 on 即可立即生效：所有超出编辑器视口宽度的代码会自动折行展示，完全不需要横向滚动查看
• 可选补充配置：若需要折行后的内容自动和原行的缩进对齐，可搜索 wrapping indent，将配置项改为 indent，优化折行后代码的可读性

方法二：通过配置文件直接修改 #

适合习惯手动编辑配置的用户，配置全局生效：

• 按快捷键 Ctrl+Shift+P（Windows/Linux 系统）或 Cmd+Shift+P（Mac 系统）调出命令面板
• 输入 Preferences: Open User Settings (JSON)，回车打开用户级全局配置文件
• 在配置的 JSON 对象中添加如下内容，保存后立即生效：

"editor.wordWrap": "on",
// 可选：折行内容自动对齐原行缩进
"editor.wrappingIndent": "indent"

如果需要针对特定编程语言单独配置自动换行规则，可以添加语言专属配置块，示例如下（仅对 Markdown 文件开启自动换行）：

"[markdown]": {
    "editor.wordWrap": "on"
}

可选参数说明 #

editor.wordWrap 支持4种配置值，可按需选择：

• off：完全关闭自动换行，超出视口宽度的内容需要横向滚动查看
• on：完全适配编辑器视口宽度自动换行
• wordWrapColumn：仅按照 editor.wordWrapColumn 配置的固定字符数换行，和视口宽度无关
• bounded：同时受视口宽度和固定字符数限制，取较小值作为换行边界

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