你所不知道的 vscode,汇集历史版本中你可能不知道的新特性( 二 )

command/ctrl + F唤醒搜索框,输入匹配规则,这时候的结果就是你当前选中目录下的结果 。
问题来了,假设目录下还有目录,有些结果被藏起来了不方便看怎么办呢?这时候点击搜索框右边的筛选器按钮,vscode就会把此目录下所有匹配的结果单独领出来展示,具体操作可以下图:

你所不知道的 vscode,汇集历史版本中你可能不知道的新特性

文章插图
考虑到搜索框可能会挡住你的搜索内容不利于查看,在1.72.0版本还专门引入了拖动功能,方便你随意拖动搜索框 。
你所不知道的 vscode,汇集历史版本中你可能不知道的新特性

文章插图
贰 ? 伍 粘性滚动大家有没有经历过在一个几千行代码的文件滚动时常常不知道当前是在哪个函数上下文中,考虑到这点vscode推出了粘性滚动 , 我们只用在管理--设置搜索stickyScroll后勾选即可看到效果 。
你所不知道的 vscode,汇集历史版本中你可能不知道的新特性

文章插图
你所不知道的 vscode,汇集历史版本中你可能不知道的新特性

文章插图
贰 ? 陆 允许页面tab换行随着我们处理一个迭代越久,就会发现我们开的文件越来越多tab长长一条 , 有时候需要频繁左右滚动选择文件非常麻烦 , 但是从1.53版本开始,vscode就支持tab换行展示,我们只需在设置中搜索workbench.editor.wrapTabs之后打勾,你就会发现当文件非常多时它自动换行了 。
你所不知道的 vscode,汇集历史版本中你可能不知道的新特性

文章插图
叁 ? 你可能不再需要的插件早期vscode确实存在一些体验问题,所以我们常常需要借助外在三方插件来达到效果 。但随着时间推移,vscode逐渐开始自身支持这些功能,我们完全可以通过简单配置达到相同效果 。是时候来解放你的插件列表了 。
叁 ? 壹 Bracket Pair ColorizerBracket Pair Colorizer可以说是很多前端的心头肉,利用不同颜色来标记不同括号以及起点到终点的范围 , 这对于我们阅读代码有很大的帮助 。但现在我们只需要在设置中搜索editor.bracketPairColorization.enabled打勾,我们就能默认使用这一特性 。在设置后你完全可以卸载Bracket Pair Colorizer插件 。
"editor.bracketPairColorization.enabled": true;
你所不知道的 vscode,汇集历史版本中你可能不知道的新特性

文章插图
叁 ? 贰 Auto Rename Tag这个插件的作用,是在我们修改某个标签名时,它会自动将尾部的标签同步更改,这里我就不贴图,现在我们一样能如下配置达到相同效果,所以此插件也到了退休的时候 。
"editor.linkedEditing": true叁 ? 叁 Auto Close Tag此插件的作用长作用于html编写,当我们写了<div>它会自动帮你补全闭合标签 , 现在vscode也原生支持了此功能,我们只需要去设置中配置如下属性即可:
"html.autoClosingTags": true,"javascript.autoClosingTags": true,"typescript.autoClosingTags": true叁 ? 肆 Trailing Spaces我们有时候写代码可能都不清楚在某一行末尾添加了无效空格,有强迫症的同学可能看到了就得一个个删除,那么这个插件的作用就是帮你在保存文件后自动删除每一行后面无效的空格 , 不过现在我们也能通过如下配置自动达到相同效果:
"files.trimTrailingWhitespace": true叁 ? 伍 Path Intellisensenpm包引用时常用的路径自动补全插件,现在vscode已经默认支持此功能,所以你不需要再安装此插件了 。
【你所不知道的 vscode,汇集历史版本中你可能不知道的新特性】

推荐阅读