如何在Visual Studio Code中为选中文本按指定最大宽度换行

可行实现方案 #

方案1：复用Vim操作习惯（最适配你原有使用逻辑） #

如果你安装了VS Code的Vim扩展，可直接使用原生Vim的gq逻辑：
在settings.json中添加配置指定行宽：

"vim.textwidth": 80

之后选中文本输入gq即可完成硬换行，和你在原生Vim中的操作体验完全一致。

方案2：修复Rewrap扩展生效问题 #

你之前使用Rewrap无效果是因为默认配置仅处理注释内容，调整配置即可：

1. 打开Rewrap扩展设置，开启Rewrap: Enable For Code选项，允许扩展处理代码内的字符串内容
2. 在Rewrap: Column配置项中设置目标行宽为80
3. 选中模板字符串内部的文本内容（无需选中外层的JS变量声明部分），按下Alt+Q即可完成换行

方案3：使用VS Code内置功能（无需额外安装扩展） #

选中需要换行的文本后，按Ctrl+Shift+P调出命令面板，搜索「Wrap Lines At Column」（对应中文显示为「在列处换行」），输入80即可直接完成选中内容的硬换行。
你也可以打开键盘快捷方式设置，为editor.action.wrapLinesAtColumn命令绑定自定义快捷键，减少后续操作步骤。

补充：Prettier适配方案 #

Prettier默认不会修改JS模板字符串内的文本，避免破坏用户自定义格式，添加标记即可触发格式化：
在模板字符串前添加/* html */类型标记，示例：

div.innerHTML = /* html */`<p>Tempore voluptatem cupiditate ullam...</p>`;

同时在Prettier配置中设置printWidth: 80，之后格式化选中内容即可自动换行处理模板字符串内的HTML内容。

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