You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

咨询VS Code长代码无需横向滚动的设置方法(对比Dreamweaver分页)

在VS Code中实现长代码自动换行(无需横向滚动)

你需要的是VS Code的**软换行(Word Wrap)**功能,和Dreamweaver的分页效果一致——只会在显示上折行,不会修改代码本身,也不会新增行号。以下是几种设置方式:

  • 快速临时切换
    用快捷键:Windows/Linux按Alt + Z,Mac按Option + Z,一键开启/关闭软换行,开启后长代码会自动适配窗口宽度折行显示。
    也可以点击VS Code右下角状态栏的Word Wrap Off按钮,点击后切换为Word Wrap On,立即生效。

  • 永久默认开启

    1. 打开设置界面:按Ctrl + ,(Windows/Linux)或Cmd + ,(Mac),或者点击左下角齿轮图标选择Settings。
    2. 在搜索框输入editor.wordWrap,在下拉选项中选择on,之后每次打开VS Code都会自动启用软换行。
    3. 也可以直接修改配置文件:按Ctrl + Shift + P(Windows/Linux)或Cmd + Shift + P(Mac),输入Preferences: Open Settings (JSON),添加或修改这一行:
      "editor.wordWrap": "on"
      
  • 针对特定语言单独设置
    如果只想让某类代码(比如HTML)自动换行,其他语言保持原样,可以在settings.json里添加:

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

    把html换成你需要的语言标识即可,比如javascript、css等。

内容的提问来源于stack exchange,提问作者Gary Goldblum

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 23:40:38