VSCode跳出右括号

本文介绍了一个VSCode的实用技巧,通过安装Tabout插件,可以在编写代码时使用Tab键快速跳过自动补全的括号并定位到行尾。解决了在VSCode中编辑代码时遇到的一个常见问题。

VSCode自动完成功能会在我们打左括号的时候自动完成右括号,可是,非常郁闷的是,在这个编辑状态下,却无法像其他编辑器一样通过按Tab或Enter键跳出右括号到行尾。

虽然VSCode有强大的按键自定义功能,但初学者看起来还是头晕。
而且居然百度不到,故起此贴。

在这个Issue下找到相对简单的解决方法,就是安装Tabout插件。安装启用后,无需任何额外设置,即可通过Tab键跳到行尾。
https://github.com/Microsoft/vscode/issues/22864

Github上还有许多相关Issue,有心人可看看有无其他更好办法。

VSCode 中启用自动补全括号的功能,可以通过以下配置实现。默认情况下,VSCode 已经内置了对括号自动闭合的支持,但为了确保其行为符合预期,可以手动检查或调整相关设置。 ### 启用自动闭合括号设置 在 `settings.json` 文件中添加或修改以下配置项: ```json { "editor.autoClosingBrackets": "always", "editor.autoClosingQuotes": "always" } ``` - `"editor.autoClosingBrackets"` 控制是否自动插入成对的括号(如 `()`, `{}`, `[]`)。 - `"editor.autoClosingQuotes"` 控制是否自动插入成对的引号(如 `""`, `''`)。 如果希望仅在字符串或括号内部生效,也可以将值设置为 `"languageDefined"` 或 `"never"` 以调整行为。 ### 针对特定语言的配置 如果希望为特定语言(如 JavaScript 或 Vue)定制自动补全行为,可以在 `settings.json` 中嵌套语言特定的配置[^1]: ```json { "[javascript]": { "editor.autoClosingBrackets": "always" }, "[vue]": { "editor.autoClosingBrackets": "always" } } ``` ### 使用扩展增强括号补全体验 虽然 VSCode 原生支持括号自动闭合,但某些扩展可以进一步增强此功能。例如: - **Auto Rename Tag**:在修改 HTML 或 XML 的开始标签时,同步修改对应的结束标签[^3]。 - **IntelliSense**:提供更智能的代码补全,包括函数参数、变量名等。 ### 禁用自动补全括号 如果在某些场景下不希望自动插入闭合括号,可以将配置项设置为 `"never"`: ```json { "editor.autoClosingBrackets": "never" } ``` ### 检查当前设置状态 可以通过快捷键 `Ctrl + ,` 打开设置界面,搜索关键词如 `auto closing brackets`,查看当前是否已启用该功能。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值