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

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

最佳答案

要使用的正确配置:


为了配置 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)处换行。



就这些了...

https://stackoverflow.com/questions/68250777/

相关文章:

javascript - Jest "Cannot log after tests are don

Angular - 访问 MatMenu 的 elementRef

amazon-web-services - Terraform 在配置 S3 后端时出错

java - 在没有调试器的情况下在 VS Code 中导航 Java 堆栈跟踪

react-native - 升级到 npm7 但库中断太多

unity3d - 启动时 Unity 中的错误问题

rust - 为什么 Iterator::filter 方法接受一个可变引用作为 self?

java - Spring boot 从附加位置文件覆盖 prod 属性

node.js - 我安装了 npm live server (js.node) 但它不起作用?

php - 修改 Sonata Media Bundle 时预览列消失