ChatGPT无所不知?? 怎么可能? vscode启用括号对参考线, 他就不知道

牙叔教程 简单易懂

括号对参考线

---

一开始我是这样问的

问

vscode , 当我点击某个括号时, 显示配对的括号, 有一条线连接两个括号, 怎么实现? vscode自带这个功能吗? 或者用什么插件扩展

ChatGPT答

在 Visual Studio Code 中，这个功能是自带的。当你点击一个括号时，它会自动高亮显示匹配的另一个括号，并用一条虚线连接两个括号。

如果这个功能没有生效，可以检查设置中是否已经启用了这个功能：

1. 打开 VSCode 设置：依次点击文件 > 首选项 > 设置（Windows/Linux）或者 Code > Preferences > Settings (Mac)。
2. 在搜索框输入“match”，找到“Editor: Match Brackets”设置。
3. 确保该设置值为"always"。 如果不是，请将其更改为 "always"。

现在当你单击一个括号时，VSCode 应该会突出显示并用虚线连接另一个匹配的括号。

我按他说的作了, 但是只有括号高亮, 没有括号对参考线,

所以我给他反馈了问题

二问

他是always, 但是只是高亮了括号, 没有在两个括号之间有连线, 如果括号距离太远, 我就不方便看清楚是哪个括号配对了

ChatGPT答

了解您的需求。Visual Studio Code 默认情况下不会显示连接两个括号的直线，但可以通过安装插件实现这一功能。

请安装名为 "Bracket Pair Colorizer 2" 的插件：

1. 在 Visual Studio Code 中打开扩展市场：依次点击查看 > 扩展或者使用快捷键 Ctrl+Shift+X。
2. 在搜索框中输入 "Bracket Pair Colorizer 2" 并在结果列表中找到它。
3. 单击 "Install" 按钮以安装此插件。

安装完成后，需要对其进行简单配置以显示连线：

1. 打开 VSCode 设置：依次点击文件 > 首选项 > 设置（Windows/Linux）或者 Code > Preferences > Settings (Mac)。
2. 点击右上角的"{}"图标，该图标表示"在 settings.json 中编辑"。
3. 在settings.json 文件中添加以下设置：

"bracket-pair-colorizer-2.showBracketsInGutter": true,
"bracketPairColorizer.forceUniqueOpeningColor": true

1. 保存 settings.json 文件并关闭。

现在当您点击一个括号时，应该能看到匹配的另一个括号高亮，并且用直线连接了两个括号。

所以呢, 我又去插件市场准备安装Bracket Pair Colorizer 2

已经废弃了, 右边有个感叹号, 看看有啥提示

点击那个 蓝色的设置 , 打开了这个界面

把Guides: Bracket Pairs 改成 active, 括号对参考线就显示出来了

ChatGPT真的不知道吗? 我再次尝试问了一下

三问

vscode启用括号对参考线

ChatGPT答

要在Visual Studio Code中启用括号对参考线，请遵循以下步骤：

1. 打开 Visual Studio Code。
2. 点击左侧边栏的设置图标（形似齿轮）。或者按下 Ctrl + , （逗号）快捷键。
3. 在“搜索设置”框中输入“bracket pair colorizer”。
4. 在 Bracket Pair Colorizer 选项下，找到 "Editor:Bracket Pair Colorization"。确保已勾选此选项以启用颜色化功能。
5. （可选）您可以通过点击 “Edit in settings.json” 链接来进一步自定义设置。这将打开 settings.json 文件。在这里，您可以添加如下 JSON 属性来修改渲染配置：

{
    // 更改默认的颜色
    "editor.bracketPairColorization.colors": ["#FF0000", "#00FF00", "#0000FF"],
    // 启动或关闭垂直和水平引导线
    "editor.guides.bracketPairs": "always",
    "editor.guides.bracketPairsHorizontal": "true"
}

1. 结束后保存设置并重新加载窗口生效。

现在，在匹配的括号之间应该会显示一个彩色的参考线。如果您希望使用其他特性（例如更改相关括号的颜色），请尝试安装扩展名 "Bracket Pair Colorizer 2" 或类似扩展。

---

我照着他说的搜了一下, 没有这个设置

搜另外一个是有的

这个是括号对高亮着色

丫的还编了一些设置, 我们比较一下他瞎编的和正确的设置

ChatGPT瞎编的设置

{
    // 更改默认的颜色
    "editor.bracketPairColorization.colors": ["#FF0000", "#00FF00", "#0000FF"],
    // 启动或关闭垂直和水平引导线
    "editor.guides.bracketPairs": "always",
    "editor.guides.bracketPairsHorizontal": "true"
}

正确的设置

  "editor.guides.bracketPairs": "active",
  "editor.guides.bracketPairsHorizontal": "active",

ChatGPT哪里错了

第一个错误

鼠标放到波浪线上, 可以看到提示信息

只要把true两边的引号去掉就可以了

第二个错误

    // 更改默认的颜色
    "editor.bracketPairColorization.colors": ["#FF0000", "#00FF00", "#0000FF"],

vscode没有这个配置字段

总结

我还是通过ChatGPT解决了我的问题, 虽然没有直接解决问题, 但他提供了线索给我, 帮助很大.

公众号 牙叔教程

这个ChatGPT星球有多牛逼