首页  >  文章  >  开发工具  >  vscode设置护眼主题

vscode设置护眼主题

王林
王林原创
2019-12-16 14:16:569281浏览

vscode设置护眼主题

一、下载亮色主题Atom One Light

6b6eb71fc031e1de0d8572e20bfbc4d.png

二、找到settings.JSON,粘贴JSON

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

081dc2e2c460447503a99e74450f13a.png

然后在此文件中粘贴下文

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

}

三、展示下效果

9da1b94dd750da18eec4b0090a82abc.png

相关文章教程推荐:vscode教程

以上是vscode设置护眼主题的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn