如何在 vscode 中查看全宽代码

问题描述

我想在 VS Code 中编码时使用完整视口。但是当我扩展我的 VS Code 窗口时,这些行没有扩展。 任何修复?

enter image description here

解决方法

您可以在 VS 代码中添加任何扩展,例如 Beautify 或 Prettier。或者,如果您想格式化文档,只需使用快捷键 Shift+Alt+F。

如果要将多行代码合并为单行代码,请按照以下步骤操作

1.选择所有要合并的行。

2.按 F1 并搜索连接线。

3.选择连接线并按回车键。

您还可以为此命令创建键盘快捷键 before/after

,

要使用的正确配置:


为了配置 V.S.代码使代码行在 您的编辑器只会在视口的末尾换行,并且 以前从未,您需要为 设置:editor.wordWrap


有 4 个不同的值可以分配给 editor.wordWrap 设置。有一个我相信 然而,这正是您所要求的;其他 2 个 三个也可以,所以我会一一列出,并建议 我认为最适合你的那个。以下是 唯一“开箱即用”的换行配置 VSCode 支持,具体如下:



01| "editor.wordWrap": "off"_

— 将 off 分配给 wordWrap 设置 将使其成为 这样您的编辑器行将永远不会自动换行。唯一的 将一行移动到下一行的方式是,如果您添加 换行符 — 通过按 [ENTER] 键。 - 和 继续在下一行输入文本。这条路 可以为您工作,因为您可以 100% 控制何时 断线。


02| "editor.wordWrap": "on"

  • on 分配给 editor.wordWrap 设置使其 这样编辑器中的代码行就会换行 正是视口结束的地方。无论多大,或多大 编辑器的视口宽度很小,线条总是 扩展整个视口,以前从未如此。

注意: "on" 对我来说听起来像你所要求的 在你的问题中


03| "editor.wordWrap": "wordWrapColumn"

  • 当您将 wordWrapColumn —to— "editor.wordWrap" 分配给编辑器视口中的代码行时将包装在您设置 editor.wordWrapColumn 的任何设置中。更具体地说,我会给你一个例子。
如果您配置 wordWrapColumn 使其看起来像下面的代码片段:

"editor.wordWrapColumn": 80

...那么你的所有行都将在 80 处换行。
  • 这是迄今为止最流行的配置,因为它经常与 3rd 方格式化程序和短绒工具(例如 ESLint & Prettier)结合使用。 Prettier 的 printWidth 设置与 "editor.wordWrap": "wordWrapColumn" 相结合,是一种极其可靠且一致的配置。

4| "editor.wordWrap": "bounded"

——最后是 "bounded",bounded 是 on 和 print 宽度的混合。简而言之,如果两个条件中的任何一个为真,则行将换行。 - 第一行将在 "editor.wordWrapColumn" 设置的地方换行,就像配置示例 #3 一样。 - 其次,线条将在视口的末端换行。 重申一下我刚刚输入的内容,行在 _"editor.wordWrapColumn"'_s 值处换行,除非视口小于 "editor.wordWrapColumn" 的值,在这种情况下行换行在视口。



仅此而已...
,

"editor.mouseWheelZoom": true

将此设置添加到 settings.json 将在按住 CTRL 并滚动时启用放大功能。使用此设置保存 settings.json 后,您可以按住 ctrl 键并用鼠标或触控板滚动以放大,这将使您的代码覆盖全屏。如果您想更专注,可以进入禅宗模式。这是 Visual Studio Code 中内置的一个很好的功能,它可以帮助您将更多精力放在代码上,而不是活动栏或其他文件。您可以使用快捷键 CTRL + K Z、命令面板或查看菜单切换禅宗模式。