javascript - 如何在 vscode 中查看全 Angular 代码

Question

我想在 VS Code 中编码时使用完整视口(viewport)。但是当我展开 VS Code 窗口时，线条并没有展开。任何修复？

Answer 1

要使用的正确配置:

---

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

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

---

01| “editor.wordWrap”:“关闭”_

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

---

02| "editor.wordWrap": "on"

• 将 on 分配给 editor.wordWrap 设置使其成为这样编辑器中的代码行就会换行正是视口(viewport)结束的地方。无论多大，或如何小编辑器的视口(viewport)宽度是，线条总是扩展整个视口(viewport)，这是前所未有的。

注意: “on” 对我来说就像您要求的那样在你的问题中

---

03| "editor.wordWrap": "wordWrapColumn"

• 当您分配 wordWrapColumn —to— "editor.wordWrap"您的编辑器视口(viewport)中的代码行将换行到您将设置 editor.wordWrapColumn 设置为的内容。更具体地说，我会给你举个例子。

如果您配置 wordWrapColumn 使其看起来像下面的代码片段:

"editor.wordWrapColumn": 80

...然后你的行将在 80 处全部换行。

• 这是迄今为止最流行的配置，因为它经常与第 3 方格式化程序和 linters(例如 ESLint 和 Prettier)结合使用。 Prettier 的 printWidth 设置与 "editor.wordWrap": "wordWrapColumn" 相结合，是一种极其可靠且一致的配置。

---

4| "editor.wordWrap": "bounded"

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

---

就这些了...