VS Code写代码必备的五款代码美化插件 您所在的位置:网站首页 vue颜色方格代码 VS Code写代码必备的五款代码美化插件

VS Code写代码必备的五款代码美化插件

2024-07-09 16:14| 来源: 网络整理| 查看: 265

文章目录 高级注释括号配对彩虹缩进末尾空格高亮代码片输出

有的时候,代码配色也是一种效率,越是花里胡哨的配色,越能区分代码中不同的功能区域,也越能高效利用人眼。本文介绍四种VS Code美化插件,几乎所有语言都可以用到。

高级注释

Better Comments \text{Better Comments} Better Comments 可在注释标识后插入特殊符号,从而更改注释颜色,不同符号对应的颜色如下

在这里插入图片描述

括号配对

Bracket Pair Colorizer \text{Bracket Pair Colorizer} Bracket Pair Colorizer可根据括号层级,赋予不同的颜色,效果如下,嵌套的三层花括号分别被赋予了不同颜色;第33行嵌套的两层圆括号,也被赋予了不同颜色。

在这里插入图片描述

配对在编程中是非常重要的一件事,除了括号需要前后匹配之外,对于一些xml格式的文档,标签也要匹配。Highlight Matching Tag就实现了这个功能。

彩虹缩进

有一些编程语言,比如Python,并不通过花括号来组织代码层级,而采用缩进实现这一功能。VS Code中同样提供了针对缩进配对的插件,比如Indenticator可以把缩进部分显示为白色条带,但Indenticator已经不更新了,最后一次更新仅支持到VS Code 1.23。

相比之下, indent-rainbow \text{indent-rainbow} indent-rainbow可以为不同缩进赋予不同颜色。如下图所示,错误一目了然。

在这里插入图片描述

末尾空格高亮

T r a i l i n g S p a c e s Trailing Spaces TrailingSpaces的功能非常简单,就是先是代码结尾处的空格,效果如下

在这里插入图片描述

代码片输出

Polacode是非常炫酷的代码截图工具,安装之后按下【Ctrl+Shift+P】->输入polacode->按下回车,VS Code就会弹出Polacode的选项卡,然后将想要保存的代码复制粘贴进去,点击下方像拍照一样的按钮就可以保存代码片了,其保存样式如下。

在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有