牙叔教程 简单易懂
括号对参考线
一开始我是这样问的
问
vscode , 当我点击某个括号时, 显示配对的括号, 有一条线连接两个括号, 怎么实现? vscode自带这个功能吗? 或者用什么插件扩展
ChatGPT答
在 Visual Studio Code 中，这个功能是自带的。当你点击一个括号时，它会自动高亮显示匹配的另一个括号，并用一条虚线连接两个括号。
如果这个功能没有生效，可以检查设置中是否已经启用了这个功能：
- 打开 VSCode 设置：依次点击文件 > 首选项 > 设置（Windows/Linux）或者Code > Preferences > Settings(Mac)。
- 在搜索框输入“match”，找到“Editor: Match Brackets”设置。
- 确保该设置值为"always"。 如果不是，请将其更改为 "always"。
现在当你单击一个括号时，VSCode 应该会突出显示并用虚线连接另一个匹配的括号。
我按他说的作了, 但是只有括号高亮, 没有括号对参考线,
所以我给他反馈了问题
二问
他是always, 但是只是高亮了括号, 没有在两个括号之间有连线, 如果括号距离太远, 我就不方便看清楚是哪个括号配对了
ChatGPT答
了解您的需求。Visual Studio Code 默认情况下不会显示连接两个括号的直线，但可以通过安装插件实现这一功能。
请安装名为 "Bracket Pair Colorizer 2" 的插件：
- 在 Visual Studio Code 中打开扩展市场：依次点击
查看 > 扩展或者使用快捷键Ctrl+Shift+X。 - 在搜索框中输入 "Bracket Pair Colorizer 2" 并在结果列表中找到它。
- 单击 "Install" 按钮以安装此插件。
安装完成后，需要对其进行简单配置以显示连线：
- 打开 VSCode 设置：依次点击
文件 > 首选项 > 设置（Windows/Linux）或者Code > Preferences > Settings(Mac)。 - 点击右上角的"{}"图标，该图标表示"在 settings.json 中编辑"。
- 在settings.json 文件中添加以下设置：
"bracket-pair-colorizer-2.showBracketsInGutter": true,
"bracketPairColorizer.forceUniqueOpeningColor": true
- 保存 settings.json 文件并关闭。
现在当您点击一个括号时，应该能看到匹配的另一个括号高亮，并且用直线连接了两个括号。
所以呢, 我又去插件市场准备安装Bracket Pair Colorizer 2
已经废弃了, 右边有个感叹号, 看看有啥提示
点击那个 蓝色的设置 , 打开了这个界面
把Guides: Bracket Pairs 改成 active, 括号对参考线就显示出来了
ChatGPT真的不知道吗? 我再次尝试问了一下
三问
vscode启用括号对参考线
ChatGPT答
要在Visual Studio Code中启用括号对参考线，请遵循以下步骤：
- 打开 Visual Studio Code。
- 点击左侧边栏的设置图标（形似齿轮）。或者按下
Ctrl+,（逗号）快捷键。 - 在“搜索设置”框中输入“bracket pair colorizer”。
- 在 Bracket Pair Colorizer 选项下，找到 "Editor:Bracket Pair Colorization"。确保已勾选此选项以启用颜色化功能。
- （可选）您可以通过点击 “Edit in settings.json” 链接来进一步自定义设置。这将打开 settings.json 文件。在这里，您可以添加如下 JSON 属性来修改渲染配置：
{
// 更改默认的颜色
"editor.bracketPairColorization.colors": ["#FF0000", "#00FF00", "#0000FF"],
// 启动或关闭垂直和水平引导线
"editor.guides.bracketPairs": "always",
"editor.guides.bracketPairsHorizontal": "true"
}
- 结束后保存设置并重新加载窗口生效。
现在，在匹配的括号之间应该会显示一个彩色的参考线。如果您希望使用其他特性（例如更改相关括号的颜色），请尝试安装扩展名 "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解决了我的问题, 虽然没有直接解决问题, 但他提供了线索给我, 帮助很大.
