VSCODE竖线真正的解决方式

最新推荐文章于 2025-10-10 15:13:50 发布
原创 最新推荐文章于 2025-10-10 15:13:50 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #javascript #jvm

博客讲述了直接在设置里更改renderIndentGuides未生效，后通过修改配置文件成功解决问题，并给出了修改后的配置文件内容，涉及编辑器和工作台的相关设置。

设置里直接对renderIndentGuides进行更改没有生效（有的版本可以）

然后想了一下 直接对配置文件进行修改

修改后成功

{

    "editor.renderWhitespace": "none",

    "editor.guides.indentation": false,

    "workbench.tree.renderIndentGuides": "none",

    "workbench.colorTheme": "Default High Contrast",

    "editor.rulers": [

    ]

}

 

孙墨潇
关注
[Flutter]VSCode编辑器中的白色垂直线如何去掉
Gamin
02-29 4030
此外，一些项目可能会有自己的.editorconfig文件，这个文件同样可以定义一行代码的最大长度。如果你的项目中有.editorconfig文件，它可能会覆盖VSCode设置中的规则。在Visual Studio Code（VSCode）中，您看到的白色竖线可能是编辑器的“边界线”（也称为“裁剪边界”或“规则指南”），它用来指示一行代码的推荐最大长度。这条线通常是不可拖动的，但是你可以通过VSCode的设置来改变它的位置或者完全禁用它。但实际上，这个长度是可配置的。
vscode_vim插件的使用上的一些问题和注意事项(test in vscode+vim)
xuchaoxin1375的博客
02-01 746
为了使得vim插件的恢复功能可以正常使用 不宜将自动保存设置为afterDelay(实时保存) 可以考虑关闭自动爆粗(或者提高触发自动保存的条件(比如当前窗口失去焦点时 才保存)
vs｛｝间竖线对其线和主题
10-17
if（） ｛ | 这种效果，看起来很有规律，强迫症啊，双击安装重启vs即可 | 附送几个各种颜色的主题设置包。 | ｝
【秒解】VS Code 光标突然变方块？竖线 / 长方形光标切换问题一键搞定
最新发布
m0_74891122的博客
10-10 1180
先按 Insert 键！这是最常见、解决成本最低的原因，比修改配置、排查插件快得多。如果按了 Insert 键没效果，再去检查插件或编辑器设置也不迟～
VScode终端输出中间有大段空白
qq_45516470的博客
03-01 1279
VScode终端输出中间有大段空白
vscode 编辑器中间一条竖线去除方法
weixin_44539199的博客
12-23 5939
去除vscode编辑器里的竖线
VSCODE 设置垂直竖线，代码规范
通信洋的博客
03-14 2511
快速设置VScode垂直竖线，分屏
vscode编写json文件后每根竖线中又多了一根竖线
06-10
用户的直接问题是：“我想解决VSCode编辑JSON文件时竖线显示异常的问题请问vscode编写json文件竖线显示多余竖线问题解决方案”所以，核心是：在VSCode中编辑JSON文件时，出现了多余的竖线显示，需要解决方案。...
详解STM32在VSCode中的Makefile构建流程：手把手教你编写可复用的通用编译脚本（含15个关键参数解析）
# 从零构建到企业级：STM32 + VSCode + Makefile的现代嵌入式开发演进之路 在智能家居设备日益复杂的今天，确保无线连接的稳定性已成为一大设计挑战。设想一个场景：你正在调试一款基于MT7697芯片的智能音箱，蓝牙...
解决mermaid流程图报错：修正语法提升绘图效率
同时，某些 Markdown 解析器（如 GitHub 原生预览）并不原生支持 Mermaid，需要借助外部插件或构建工具（如 VitePress、Docusaurus、Markdown Preview Enhanced for VSCode）才能正确显示图表。 针对文中提到的...
Markdown安装与使用全指南：编辑器推荐与语法详解
此外，在线编辑器如Dillinger和StackEdit则解决了本地环境依赖问题，用户只需浏览器即可开始写作，且通常集成了云存储同步（如Google Drive、Dropbox），便于团队协作与远程访问。 关于安装与配置环节，教程详细...
VScode的垂直竖线设置（ruler设置）
热门推荐
weixin_44588773的博客
10-16 1万+
1.第一步打开设置 2.第二步 3.双击红框中的文字 4.编辑下面的代码，并设置大小，保存并退出。 5.完成，效果如下：
VS code 设置左边文件栏缩进以及对齐的竖线
kunkliu的博客
04-01 3357
vs code默认的左侧文件栏分隔非常不明显，不能一眼就看出层级关系。 在网上找了很久也没找到怎么改，测试了好久之后终于被我发现了修改方法！！ 点击左上角的File --> Preformences --> Settings 然后搜索 workbench， 找到workbench.tree.indent，这个值就是缩进的像素数量，值越大，缩进越明显。 也可以把workbench.tree.renderIndentGuides选成always，这样会一直显示对齐的竖线。
vscode 设置鼠标的光标为竖线 不是闪烁白色方块
Aa12364567的博客
01-16 644
按下Ins键（Insert）后，就会进行两者之间的切换。
Vscode的光标不是竖线，变成闪烁白色方块
weixin_62461743的博客
12-27 5052
Vscode的光标不是竖线，变成闪烁白色方块，其解决方法
vscode编辑器两条竖线之间的距离（缩进）调整
qq_45625224的博客
04-28 2459
vscode编辑器两条竖线之间的距离（缩进）调整。像右边这种情况就很烦，shift alt f 格式化文档之后就会有棕色的空格，而且竖线之间的距离很大，一般左边的情况会更符合编辑习惯。其实这种情况是因为此文件参考线之间的空格规定成了四个，我们把他换成两个就好了。小伙伴们会遇到vscode编辑器两条竖线之间的距离不统一或者很别扭的情况吗？点击vscode的最下方这里，把空格设置为2就好啦。当当当，真是强迫症的福音！
vscode竖线插件
03-25
<think>嗯，用户想找VSCode中与竖线相关的插件。首先，我需要确定“竖线”具体指的是什么。根据提供的引用，可能有几种情况：光标样式、垂直标尺或者代码结构的分隔线。 引用[2]提到了光标样式，其中包含竖线（line）和细竖线（line-thin）。这可能涉及光标的外观设置，而不是插件。用户可能误以为是插件，但其实是VSCode自带的配置。比如editor.cursorStyle可以设置光标为竖线，但需要确认是否需要插件。 引用[5]提到垂直标尺（ruler）的设置，通过编辑settings.json来添加垂直线，比如80字符处的参考线。这也是内置功能，不需要插件。但用户可能想要更复杂的标尺功能，是否有插件能增强这一点？ 另外，引用[4]中的Bracket Pair Colorizer和Rainbow CSV可能与代码结构中的竖线有关，比如彩色括号或CSV列对齐线。虽然主要功能不是竖线，但可能间接影响显示效果。 接下来，需要检查是否有插件直接涉及竖线。比如，有没有增强垂直标尺的插件，或者代码对齐的辅助线插件。例如，Indent-Rainbow可以为缩进添加彩色竖线，帮助显示代码层次。这可能符合用户需求。 此外，用户可能需要更美观的竖线样式，比如彩虹色或动态效果，这时候主题或界面美化插件可能有帮助。比如Snazzy Light主题配合其他插件，可能改变整体显示效果，包括竖线。 总结可能的推荐： 1. 垂直标尺设置（内置功能，引用[5]） 2. Indent-Rainbow（缩进竖线） 3. Guides（增强标尺） 4. Bracket Pair Colorizer（括号竖线） 5. 光标样式配置（内置，引用[2]） 需要确认这些插件是否仍然可用，因为有些可能已被VSCode内置功能取代，比如Bracket Pair Colorizer现在有官方版本。同时，确保推荐准确，避免过时信息。</think>在VSCode中与竖线相关的需求主要涉及**光标样式**、**垂直标尺**和**代码对齐辅助线**。根据引用内容和实际场景，推荐以下插件和配置方法： --- ### 一、内置功能直接实现 1. **垂直标尺（Ruler）** 在设置中添加`"editor.rulers": [80, 120]`，即可在指定字符位置显示垂直竖线（例如80字符处常用于代码规范）[^5]。 ```json // settings.json { "editor.rulers": [80, 120] } ``` 2. **光标样式设置** 修改`editor.cursorStyle`可调整光标为竖线样式（如`line`或`line-thin`）[^2]。 ```json { "editor.cursorStyle": "line" } ``` --- ### 二、推荐插件 1. **Indent-Rainbow** - **作用**：为缩进添加彩色竖线，直观显示代码层级。 - **效果**：不同缩进级别对应不同颜色的竖线。 - **安装**：在插件市场搜索安装。 2. **Guides** - **作用**：增强垂直标尺功能，支持动态对齐线。 - **特色**：自动显示括号对齐线、代码块起始/结束标记。 - **安装**：搜索插件`Guides`。 3. **Bracket Pair Colorizer 2**（官方维护版） - **作用**：为括号对添加彩色竖线，帮助识别嵌套层级[^4]。 - **示例**：不同层级的括号用不同颜色标记。 - **安装**：搜索`Bracket Pair Colorizer 2`。 --- ### 三、其他美化方案 - **主题插件**：如`Snazzy Light`主题配合彩色插件，可提升竖线可视性。 - **光标特效**：插件`Power Mode`可添加光标输入动效（如粒子特效），但非纯竖线功能。 --- ### 配置示例 ```json // settings.json 综合配置 { "editor.rulers": [80, 120], "editor.cursorStyle": "line", "indentRainbow.colors": ["#666", "#999", "#ccc"] } ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值