VSCode编辑器可选颜色主题界面一览

您所在的位置:网站首页 vscode修改配色 VSCode编辑器可选颜色主题界面一览

VSCode编辑器可选颜色主题界面一览

2022-06-03 12:23| 来源: 网络整理| 查看: 265

VSCode编辑器的核心其实就是一个代码编辑器,像许多其他代码编辑器一样,VSCode采用了一个通用的用户界面和布局:左边是一个浏览器-显示所有可以访问的文件和文件夹,右边则是一个编辑器-显示已经打开的文件的内容。 而VSCode的颜色主题则允许我们在Visual Studio Code的用户界面中修改颜色,以适应我们喜欢的工作环境。 image.png

如何选择颜色主题

在VSCode编辑器里,点击左下角的齿轮(“Manage”),选择其中的颜色主题 / 通过界面上方的File > Preferences > Color Theme / 快捷键Ctrl+k 然后Ctrl+T: image.png

会在页面上方中间位置显示出选择颜色主题的一条bar,并展示现有哪些主题: image.png

我们可以通过上下箭头来预览这些颜色主题: image.png

如果有中意的主题,就按下Enter选中即可。

默认颜色主题

VSCode中有几种现成的颜色主题供我们试用。我们可以在选择颜色主题的时候,选择旁边的齿轮: image.png

点击之后,会进入插件市场界面,这个是VSCode默认自带的插件: image.png

看它的介绍,我们知道这个插件会提供默认的浅色和深色主题,而且该插件可以被禁用但是不能被删除: image.png

更多可选颜色主题

如果我们想要尝试更多的主题,我们只需要去插件市场搜索@category:"themes",就会展示更加丰富的主题插件,选择一个下载安装并重启之后,就可以使用了: image.png

当然我们也可以自定义颜色主题,通过设置界面进入settings.json文件: image.png

然后在文件里定义workbench.colorCustomizations:

"workbench.colorCustomizations": { "[Monokai]": { "sideBar.background": "#347890" } } 参考资料 https://code.visualstudio.com/docs/getstarted/themes


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3