[Flutter]VSCode编辑器中的白色垂直线如何去掉

在Visual Studio Code(VSCode)中,您看到的白色竖线可能是编辑器的"边界线"(也称为"裁剪边界"或"规则指南"),它用来指示一行代码的推荐最大长度。这通常是为了代码可读性和维护性考虑,鼓励开发者不要编写超过这个长度的代码行。

默认情况下,Dart插件可能会将这个长度设置为80个字符,这是Dart语言的格式化标准之一。但实际上,这个长度是可配置的。

这条线通常是不可拖动的,但是你可以通过VSCode的设置来改变它的位置或者完全禁用它。要修改或禁用这个设置,请按照以下步骤操作:

1.打开VSCode。

2.转到"文件" > "首选项" > "设置" (或者按下Ctrl + ,快捷键)。

3.在搜索栏中输入rulers。

4.查找到"editor.rulers"的设置项。

5.如果要改变竖线的位置,你可以设置一个具体的数值来表示字符数,比如:

bash 复制代码
 "editor.rulers": [100] // 这将把边界线设置为100个字符宽

6.保存设置并关闭设置窗口。

此外,一些项目可能会有自己的.editorconfig文件,这个文件同样可以定义一行代码的最大长度。如果你的项目中有.editorconfig文件,它可能会覆盖VSCode设置中的规则。如果是这种情况,你也需要检查并修改.editorconfig文件中相应的配置项。

示意图:

editor.rulers

editorconfig

相关推荐
火柴就是我20 小时前
flutter 之真手势冲突处理
android·flutter
Speed12321 小时前
`mockito` 的核心“打桩”规则
flutter·dart
法的空间21 小时前
Flutter JsonToDart 支持 JsonSchema
android·flutter·ios
恋猫de小郭21 小时前
Android 将强制应用使用主题图标,你怎么看?
android·前端·flutter
玲珑Felone1 天前
从flutter源码看其渲染机制
android·flutter
CAE虚拟与现实1 天前
VSCode中的下载VSIX是指什么?
ide·vscode·编辑器
路边闲人22 天前
vscode启用GEMINI CODE ASSIST插件
ide·vscode·gemini
CAE虚拟与现实2 天前
VSCode官方汉化包
ide·vscode·编辑器·vscode汉化
CAE虚拟与现实2 天前
VSCode创建Python项目和运行py文件
ide·vscode·编辑器
Stardep2 天前
ssh远程连接服务器到vscode上“连接失败”
服务器·vscode·ssh