如何阻止VS Code 1.19版本的水平自动滚动?
阻止VS Code 1.19中HTML长行自动水平滚动的方法
嗨,我来帮你搞定这个问题!要让过长的HTML行自动换行而不是触发水平滚动,只需要调整VS Code的换行设置就行,步骤很简单:
打开VS Code的设置界面
- 用快捷键更方便:Windows/Linux按
Ctrl + ,,Mac按Cmd + , - 或者点击左下角的齿轮图标,选择「Settings」进入设置
- 用快捷键更方便:Windows/Linux按
搜索并调整全局换行设置
在设置顶部的搜索框里输入word wrap,找到Editor: Word Wrap这个核心选项:- 当前你的设置应该是
off(这就是导致长行水平滚动的原因) - 把它改成
on,这样所有文件里超出编辑器窗口宽度的行都会自动换行,不会再出现水平滚动条
- 当前你的设置应该是
(可选)仅针对HTML文件单独设置
如果只想让HTML文件生效,不想影响其他语言的话,点击Editor: Word Wrap选项右侧的「Edit in settings.json」,在打开的配置文件里添加这段代码:"[html]": { "editor.wordWrap": "on" }
另外补充一下几个换行选项的区别,方便你按需选择:
off:关闭自动换行,长行超出时触发水平滚动(默认状态)on:根据编辑器窗口的宽度自动换行bounded:当行长度超过editor.wordWrapColumn(默认80列)或窗口宽度时换行,取两者中较小的那个
这样设置后,HTML里的长行就会乖乖自动换行,不会再横向滚动啦!
内容的提问来源于stack exchange,提问作者Uliana Pavelko
相关产品推荐
相关产品推荐

