网站建设资讯

NEWS

网站建设资讯

vscode如何设置护眼主题-创新互联

小编给大家分享一下vscode如何设置护眼主题,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

成都创新互联主要企业基础官网建设,电商平台建设,移动手机平台,小程序开发等一系列专为中小企业定制设计产品体系;应对中小企业在互联网运营的各种问题,为中小企业在互联网的运营中保驾护航。

一、下载亮色主题Atom One Light

vscode如何设置护眼主题

二、找到settings.JSON,粘贴JSON

快捷键输入  Ctrl+Shift+p   ,输入settings,选择open settings (JSON)

vscode如何设置护眼主题

然后在此文件中粘贴下文

{
    "workbench.colorTheme": "Atom One Light",
    "workbench.colorCustomizations": {
    "[Atom One Light]": {
            "editor.background": "#C7EDCC",   
        "sideBar.background": "#C7EDCC",
        "activityBar.background": "#C7EDCC",       
        },
    },

}

三、展示下效果

vscode如何设置护眼主题

看完了这篇文章,相信你对“vscode如何设置护眼主题”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前文章:vscode如何设置护眼主题-创新互联
文章地址:http://cdweb.net/article/dghdjj.html