VS Code 显示垂直线

在 Visual Studio Code 中，垂直线可以用来帮助编程者更准确地对齐代码。

显示垂直线

默认情况下，VS Code 并没有在编辑器中显示垂直线，编程者可以在设置中打开此功能。

在 VS Code 编辑器中，按下 Ctrl + Shift + P (Windows/Linux) 或 Cmd + Shift + P (macOS) 打开命令面板。

在命令面板中输入 settings 并回车，进入 VS Code 的设置界面。

在搜索框中输入 Editor: Render Indent Guides，将开关打开。

此时，编辑器中将会显示一个垂直线，指示当前所在行的缩进位置。

自定义垂直线

编程者可以通过在 settings.json 文件中配置来自定义垂直线的样式。

在 VS Code 中，按下 Ctrl + , (Windows/Linux) 或 Cmd + , (macOS) 打开用户设置。

在搜索框中输入 indent guides，找到 Editor: Render Indent Guides 选项。

在 "renderIndentGuides": true 的基础上，添加 "indentGuidesStyle": "dotted" 字段，并将样式设置为 dotted。

其他可用的样式还包括 solid 和 none 。

{
    "editor.renderIndentGuides": true,
    "editor.indentGuidesStyle": "dotted"
}

结语

通过在 VS Code 中显示垂直线，编程者可以更准确地对齐代码，并提高代码可读性。自定义垂直线的样式可以打造个性化的编程环境。