VSCode扩展中材料的主题,图标

  介绍

这篇文章给大家分享的是有关VSCode扩展中材料的主题,图标的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

1。材料的主题,图标

这是VS代码主题中的重要角色。作者认为重要的主题是在编辑器中用笔和纸书写最接近的东西(特别是在使用无对比变体主题时)。从集成的工具到文本编辑器,你的编辑器看起来几乎是平的和无缝的。

想象一个史诗般的主题加上史诗般的图标。材料主题图标是替换默认VSCode图标的绝佳选择。设计的大型图标目录与主题融为一体,使其更加美观,这有助于你在资源管理器中轻松找到你的文件。

 VSCode扩展中材料的主题,图标

2。具有居中布局的禅模式或者勿扰模式(禅模式)

为了让广大苦逼码农能够在编码/doc时有清晰的思路,代表最广大码农利益的VSCode也加入了“禅模式”。该模式可以在你在页面编辑文件时启用,效果是全屏化你的编辑框,然后带有若隐若现的云雾效果。

打开方式:文件比;首选项比;设置在用户设置在工作台比;禅模式

 VSCode扩展中材料的主题,图标

 VSCode扩展中材料的主题,图标

3。具有连字的字体

文字的风格使阅读变得简单方便,你可以使用好看连字的字体使编辑器看起来更友好。这里是支持连字的6种最佳字体(根据www.slant.co)

 VSCode扩展中材料的主题,图标

你可以尝试Fira的代码,它非常棒而且是开源的。以下是引入 <强> Fira代码后在VSCode辊更改该字体的方法。

“editor.fontFamily":,“Fira  Code",   “editor.fontLigatures":真正的

 VSCode扩展中材料的主题,图标

具体使用方法可以参考:

<李>

vscode中修改字体,使用Fira代码

<李>

提高visual studio使用逼格的连体字(Fira代码)以及多行编辑(MixEdit)

4。彩虹缩进(indent-rainbow)

缩进风格,这个扩展为文本前面的缩进着色,在每个步骤中交替使用四种不同的颜色。

 VSCode扩展中材料的主题,图标

当然如果需要自定义自己喜欢的颜色,请将以下代码段复制并粘贴到<代码>设置。json代码中

“indentRainbow.colors":,   “rgba(0.1) 16日16日16日“,   “rgba(0.2) 16日16日16日“,   “rgba(0.3) 16日16日16日“,   “rgba(0.4) 16日16日16日“,   “rgba(0.5) 16日16日16日“,   “rgba(0.6) 16日16日16日“,   “rgba(0.7) 16日16日16日“,   “rgba(0.8) 16日16日16日“,   “rgba(0.9) 16日16日16日“,   “rgba(1.0) 16日,16日,16日,“   ],

5。自定义标题栏

这是一个很棒的视觉调整,改变了不同项目的标题栏颜色,以便轻松识别它们。如果你处理可能具有相同代码或文件名的应用程序(例如react-native应用程序和反应网络应用程序),这非常有用。

 VSCode扩展中材料的主题,图标

设置方式:打开方式:文件比;首选项比;设置在工作区设置

 VSCode扩展中材料的主题,图标

6。标签包装

如果你不认识蚂蚁,那么你可能是一个喜欢打字的人。<强>蚂蚁允许你写入缩写代码并返回的相应标记,目前VSCode已经内置,所以不用配置了。

 VSCode扩展中材料的主题,图标

如果你想了解更多的蚂蚁的简写,可以查看蚂蚁备忘单

7。内外平衡

这条建议来自https://vscodecandothat.com/,作者非常推荐它。

你可以使用平衡进口和平衡向外的蚂蚁命令在VS代码中选择整个标记。将这些命令绑定到键盘快捷键是有帮助的,例如Ctrl + Shift +向上箭头用于平衡向外,而Ctrl + Shift +向下箭头用于平衡向内。

VSCode扩展中材料的主题,图标