VS Code主题设置（美化VS Code）

主题的具体效果放在了文章末尾，这篇文章后续也会进行更新

目录

切换整体主题（整体主题）

        1.VS Code内置主题（快捷键：Ctrl+K ，Ctrl+T）

                1.VS Code左上角点击文件

                2.选择首选项-->主题-->颜色主题

        2.扩展主题

                1.左侧工具栏，点击扩展

                2.搜索栏搜索自己想要的主题后点击安装就行

                3.一些主题

切换文件图标主题

        1.VS Code内置主题（快捷键：Ctrl+K ，Ctrl+T）

                1.VS Code左上角点击文件

                2.选择首选项-->主题-->文件图标主题

        2.扩展主题

                1.左侧工具栏，点击扩展

                2.搜索栏搜索自己想要的主题后点击安装就行

                3.一些主题                   

设置VS Code背景图案

        1.左侧工具栏，点击扩展

        2.搜索background下载

        3.VS Code左上角点击文件-->首选项-->设置                                                                    ​编辑

        4.搜素background并点击

        5.点击添加项，写入路径

        6.修改透明度

        7.修改图片大小

        8.以上为代码块背景，下面是全屏背景设置

字体特效 + 连击特效

        1.插件搜索Power Mode

        2.启动插件

        3.调字体特效 

        4. 取消抖动

        5.调节连击时间

效果

        默认主题（太多了，仅展示几个）

                现代浅色 Default Light Modern

                Quiet Light

                Solarized Light

                红色 Red

                深色+ Default Dark+

        Material Theme（太多了，仅展示几个）

                Material Theme Darker

                Material Theme Deepforest

                Material Theme Ocean

                Material Theme Palenight

        Dracula Official

        One Dark Pro

        Field Lights Theme

        Panda Syntax

        Atom One Dark

        Nord

        Tokyo Night

        默认主题

                Seti

        Material Icon Theme

        Field Lights        （Field Lights Theme）

---

切换整体主题（整体主题）

        1.VS Code内置主题（快捷键：Ctrl+K ，Ctrl+T）

                1.VS Code左上角点击文件

                

                2.选择首选项-->主题-->颜色主题

                

        2.扩展主题

                1.左侧工具栏，点击扩展

                

                2.搜索栏搜索自己想要的主题后点击安装就行

                3.一些主题

                        Material Theme

                        Dracula Official

                        One Dark Pro

                        Field Lights Theme

                        Panda Syntax

                        Atom One Dark

                        Nord

                        Tokyo Night

切换文件图标主题

        1.VS Code内置主题（快捷键：Ctrl+K ，Ctrl+T）

                1.VS Code左上角点击文件

                

                2.选择首选项-->主题-->文件图标主题

                

        2.扩展主题

                1.左侧工具栏，点击扩展

                

                2.搜索栏搜索自己想要的主题后点击安装就行

                3.一些主题                   

                        Material Icon Theme

设置VS Code背景图案

        1.左侧工具栏，点击扩展

          

        2.搜索background下载

        3.VS Code左上角点击文件-->首选项-->设置                                                                    

        4.搜素background并点击

        

        5.点击添加项，写入路径

                如果是自己电脑的图片，则输入

file:/// + 文件路径
例file:///C:/Users/DELL/Desktop/14.png

        

        6.修改透明度

                opacity只要不是1就行，0.1~0.5直接就好

        

        7.修改图片大小

                修改background-size就行，把auto改成"100% 100%"啥的

                第一个为宽度，第二个为高度

        8.以上为代码块背景，下面是全屏背景设置

"background.fullscreen": {
        "images": ["刚才的路径"], 
        "opacity": 0.91, // 0.85 ~ 0.95 
        "size": "cover", 
        "position": "center", 
        "interval": 0 
    }

                这段代码复制进去就行

        

字体特效 + 连击特效

        1.插件搜索Power Mode

        2.启动插件

                设置搜索powermode

                

        3.调字体特效 

        

        4. 取消抖动

        

        5.调节连击时间

                （和自动保存有冲突）

        

效果

        默认主题（太多了，仅展示几个）

                现代浅色 Default Light Modern

                Quiet Light

                Solarized Light

                红色 Red

                深色+ Default Dark+

        Material Theme（太多了，仅展示几个）

                Material Theme Darker

                Material Theme Deepforest

                Material Theme Ocean

                Material Theme Palenight

        Dracula Official

        One Dark Pro

        Field Lights Theme

        Panda Syntax

        Atom One Dark

        Nord

        Tokyo Night

———————————————————————————————————————————

        默认主题

                Seti

                

        Material Icon Theme

        

        Field Lights        （Field Lights Theme）

        

———————————————————————————————————————————        背景图效果（半屏）

        背景图效果（全屏）