VSCode 1.62 发布!再次带来焕然一新的编程体验!

0d40e074d19f4b9a8d5a1f1b01935fb2.png

这是「进击的Coder」的第 509 篇技术分享

来源:OSC 社区

阅读本文大概需要 5 分钟。

近日,Visual Studio Code 1.62 版本正式发布了,此版本除了推出网页版 VS Code 以外,还更新了很多设置项来优化用户体验,包括参数提示高亮、新的快捷键、Unicode 方式格式字符提示等。

主要亮点内容如下:

网页版 VS Code - vscode.dev(预览版)

1.62 发布了 Visual Studio Code for the Web 的预览版,支持在浏览器直接运行 VS Code。

主要的编辑功能网页版都支持,不过少了很多扩展:像主题、片段或语法这种纯声明性的扩展可以在浏览器直接运行,需要运行代码的扩展必须由扩展的作者更新。

详情请见:

重磅!微软发布 vscode.dev,把 VS Code 带入浏览器!

参数提示高亮

现在会突出显示当前参数,可以通过 editorHoverWidget.highlightForeground 设置颜色

f14d7ca09960d9dcae4d80f58f5b6503.png

改进的括号对

水平线勾勒出括号对的范围,垂直线取决于括号对包围的代码缩进。

27f18e71a83902f1f5aa1461a5bdba48.gif

  • 可以通过设置 editor.guides.bracketPairs 为 true(默认为 false)来启用支架对指引。

  • 添加了第三个选项 “ active”:仅显示活动括号对的指引。

  • 新设置 editor.guides.bracketPairsHorizontal 可以控制是否、何时渲染水平参考线(默认为 active)。

  • 新的主题颜色 editorBracketPairGuide.background{1,...,6},editorBracketPairGuide.activeBackground{1,...,6} 可用于自定义支架对指南的颜色。

可定制的括号对

现在可以为特定的编程语言配置括号对:

4317a794ca46056b9a1706e76d4bc3f1.png

  • editor.language.bracketPairs 用于配置指定语言的括号字符。

  • editor.language.colorizedBracketPairs 用于配置对应语言的支架对颜色。

可以选择悬停的显示位置

现在可以选择 IntelliSense 悬停显示在代码行的上面还是下面。设置 editor.hover.above 为 false,悬停将显示在当前行下方。

192e311c1c54d8781eb52f811f06288d.png

Unicode 方向格式字符

为了解决 Unicode  CVE-2021-42574 问题(关于此漏洞可以查看文章:Unicode 算法漏洞 “Trojan Source” 几乎影响所有编程语言),VS Code 现在默认显示 Unicode 方向格式字符,比如:

b042f53049b6f6969a540e5fb0f0a163.png

上图包含两个明确的方向格式字符,U+202E(从右到左覆盖) 和 U+202C( POP DIRECTIONAL FORMATTING)。为了避免漏洞被利用,现在默认显示特殊的字符格式:

d18fca017839a7d9f36f27cc264818fd.png

通过把 editor.renderControlCharacters 设置为 false, 可以关闭特殊格式提示(默认设置是 true)。

认证的扩展发布者

VS Code 现在显示扩展发布者的域是否由 Visual Studio Marketplace 验证。

f03806bc3c12156f50d6069dd04aac3f.png

新的默认组合键

添加了几个其他编辑器支持的按键绑定:

  • ctrl+shift+2: 输入空字符 ( 0x00)。

  • ctrl+shift+6: 输入记录分隔符 ( 0x1E)。

  • ctrl+/: 输入单位分隔符 ( 0x1F)。

可以配置 HTML 属性的填充位置

新设置 html.completion.attributeDefaultValue,可以选择写完 HTML 属性的时候填充值的位置:

  • doublequotes: 值放在双引号中(默认)

  • singlequotes: 值放在单引号中

  • empty: 值为空

ea71bd1558378dab7b99395962a772bb.gif

文件备注支持使用表情符号

如图:

f7054cfdb4a6559116ae96b262ffaa5f.png

查找和替换支持正则表达式

notebook 编辑器的查找和替换组件现在支持用正则表达式抓取,如下图:

40115ed340552dc660a5dc0803858c61.gif

1.62 版本还包含其他更新内容,比如对 TypeScript 4.5 的支持、对 Electron 沙箱支持的进展等,详情可查看 VS Code 1.62 更新公告:

https://code.visualstudio.com/updates/v1_62

139c693157bb620f7eb431afe6160085.png

End

「进击的Coder」专属学习群已正式成立,搜索「CQCcqc4」添加崔庆才的个人微信或者扫描下方二维码拉您入群交流学习。

9981ce38e8cac5d106f1d4252e87903f.png

看完记得关注@进击的Coder

及时收看更多好文

↓↓↓

崔庆才的「进击的Coder」知识星球已正式成立,感兴趣的可以查看《我创办了一个知识星球》了解更多内容,欢迎您的加入:

0e2bce92ca0c1745b2907bb50674d3e1.png

好文和朋友一起看~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值