VS Code主题设置(美化VS Code)(主题+背景+图标+特效+字体)

news2024/11/26 12:14:46

目录

切换整体主题(整体主题)

切换文件图标主题              

设置VS Code背景图案

字体特效 + 连击特效

字体设置

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

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

切换整体主题(整体主题)

        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

                        Tiny Light

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

切换文件图标主题

        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.调节连击时间

                (和自动保存有冲突)

        

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

字体设置

        1.下载字体(这里仅附上路径,具体方法在文末)

                https://github.com/tonsky/FiraCode

        2.设置字体

                1.打开设置-->文本编辑器-->字体

                

                2.添加刚才下载的字体

                

                3.设置连体字

                         比如,!=会被自动缩写为=>会被缩写为

                

                        打开settings.json

                        找到editor.fontLigatures,改成true就行

"editor.fontLigatures": true

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

效果

        默认主题(太多了,仅展示几个)

                现代浅色 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

        Tiny Light

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

        默认主题

                Seti

                

        Material Icon Theme

        

        Field Lights        (Field Lights Theme)

        

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

        背景图效果(半屏)

        背景图效果(全屏)

其他

        字体下载教程

                https://github.com/tonsky/FiraCode        (这个的)(Windows端)

                1.打开后下划找到

                直接下载就行

                2.打开下载的文件夹,找到ttf文件夹解压缩

                

                3.打开后安装里面的所有文件就行(全选,鼠标右键安装)

                

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1449070.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Vulnhub靶机:DC3

一、介绍 运行环境:Virtualbox 攻击机:kali(10.0.2.15) 靶机:DC3(10.0.2.56) 目标:获取靶机root权限和flag 靶机下载地址:https://www.vulnhub.com/entry/dc-32,312…

get和set方法太多太臃肿?快使用 lombok

目录 0. lombok 介绍 1. lombok 使用 1.1 创建一个 maven 项目 1.2 在项目中引用依赖 1.3 在 idea 中添加 lombok 插件 1.4 使用 lombok 注解 1.5 Idea 运行报 Lombok requires enables annotation process 错误解决办法 0. lombok 介绍 当我们写一个类时,为了…

EsayExcel文件导入导出

目录 准备工作 监听器类 导入测试 导出测试 上传Excel 下载Excel 混合导出模板导出 headRowNumber(1)&#xff1a;从第几行开始读 准备工作 导入依赖 <!--easyexcel--> <dependency><groupId>com.alibaba</groupId>x<artifactId>easye…

微服务—ES数据同步

目录 数据同步 问题分析 方案1. 同步调用 方案2. 异步通知 方案3. 监听binlog​编辑 各方案对比 案例——利用MQ实现数据同步 步骤1. 导入hotel-admin项目 步骤2. 声明交换机、队列 步骤3. 发送MQ消息 步骤4. 接收MQ消息 步骤5. 测试同步功能 数据同步 elasticsea…

小白学Halcon100例:如何获取物品中心坐标并展示

文章目录 *读入彩色图片*分解彩色图片为三通道*阈值分割*链接*选择特征*提取目标中心*绘制目标中心--*设置线宽为1*创建十字轮廓*清空窗体*设置绘制模式为绘制边缘*显示目标*显示目标中心*读入彩色图片

算法学习——LeetCode力扣回溯篇4

算法学习——LeetCode力扣回溯篇4 332. 重新安排行程 332. 重新安排行程 - 力扣&#xff08;LeetCode&#xff09; 描述 给你一份航线列表 tickets &#xff0c;其中 tickets[i] [fromi, toi] 表示飞机出发和降落的机场地点。请你对该行程进行重新规划排序。 所有这些机票…

python 基础知识点(蓝桥杯python科目个人复习计划41)

今日复习内容&#xff1a;动态规划&#xff08;基础&#xff09; 动态规划是一种解决多阶段决策过程中最优化问题的数学方法和算法思想。它通常用于解决具有重叠子问题和最优子结构性质的问题&#xff0c;通常将问题划分为相互重叠的子问题&#xff0c;利用子问题的解来求解原…

机器学习3----决策树

这是前期准备 import numpy as np import pandas as pd import matplotlib.pyplot as plt #ID3算法 #每个特征的信息熵 # target : 账号是否真实&#xff0c;共2种情况 # yes 7个 p0.7 # no 3个 p0.3 info_D-(0.7*np.log2(0.7)0.3*np.log2(0.3)) info_D #日志密度…

一周学会Django5 Python Web开发-Django5 Hello World编写

锋哥原创的Python Web开发 Django5视频教程&#xff1a; 2024版 Django5 Python web开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili2024版 Django5 Python web开发 视频教程(无废话版) 玩命更新中~共计14条视频&#xff0c;包括&#xff1a;2024版 Django5 Python we…

Cocos2dx-lua ScrollView[一]基础篇

一.ScrollView概述 cocos游戏中ScrollView控件大量使用,95%以上的项目都会使用ScrollView,个别游戏可能全部使用翻页的滑动效果。如果想要精通Cocos的UI开发,精通ScrollView控件非常关键,因此对ScrollView的使用进行总结很有必要。 下文缩写说明:sv = ScrollView, item代…

Python Matplotlib 的学习笔记

Python Matplotlib 的学习笔记 0. Python Matplotlib 简介1. 为什么要用 Matplotlib&#xff1f;2. Matplotlib 基础类详解2-1. Line&#xff08;线&#xff09;2-2. Marker&#xff08;标记&#xff09;2-3. Text&#xff08;文本&#xff09;2-4. Legend&#xff08;图例&…

数据结构实验三 图的深度优先搜索(包含求连通分量)

全屏浏览作者 王群芳 单位 合肥师范学院 以邻接矩阵作存储结构&#xff0c;编写程序对给定的无向图&#xff08;图中包含n个顶点&#xff0c;编号为0至n-1&#xff09;进行深度优先遍历&#xff0c;并在遍历的过程中计算图G的连通分量个数及边的数目。 本题限定在遍历过程中…

车载软件架构 —— Adaptive AUTOSAR软件架构

我是穿拖鞋的汉子&#xff0c;魔都中坚持长期主义的汽车电子工程师&#xff08;Wechat&#xff1a;gongkenan2013&#xff09;。 老规矩&#xff0c;分享一段喜欢的文字&#xff0c;避免自己成为高知识低文化的工程师&#xff1a; 本就是小人物&#xff0c;输了就是输了&#…

蓝桥杯:C++排序

排序 排序和排列是算法题目常见的基本算法。几乎每次蓝桥杯软件类大赛都有题目会用到排序或排列。常见的排序算法如下。 第(3)种排序算法不是基于比较的&#xff0c;而是对数值按位划分&#xff0c;按照以空间换取时间的思路来排序。看起来它们的复杂度更好&#xff0c;但实际…

数模.传染病模型plus

一、SIS模型 二、SIR模型 三、SIRS模型 四、SEIR模型

Python第十六章(面向对象)

类&#xff1a;是对一系列相同特征和行为的事物的统称&#xff0c;是一个抽象的概念&#xff0c;不是真实存在的事物 特征&#xff1a;属性/变量 行为&#xff1a;方法/函数 对象&#xff1a;类创建出来的真实事物 类和对象的关系&#xff1a;先构造一个类&#xff0…

GitHub项目推荐-InstantID

项目地址 https://github.com/InstantID/InstantID 项目简述 InstantID是一个图生图项目&#xff0c;仅仅通过一张正脸的图片&#xff0c;就能生成各种风格的人像。该项目的文档描述比较齐备&#xff0c;所以复现起来成本比较小。 项目截图 这是项目介绍中的一张截图&…

二叉树基础总结

目录 树的定义&#xff1a; 深度和高度&#xff1a; 二叉树 由来 二叉树种类&#xff1a; 满二叉树&#xff1a; 完全二叉树&#xff1a; 严格二叉树&#xff08;Strict Binary Tree&#xff09;&#xff1a; 平衡二叉树&#xff08;Balanced Binary Tree&#xff09;&…

【阅读笔记】空域保边降噪《Side Window Filtering》

1、保边滤波背景 保边滤波器的代表包括双边滤波、引导滤波&#xff0c;但是这类滤波器有一个问题&#xff0c;它们均将待处理的像素点放在了方形滤波窗口的中心。但如果待处理的像素位于图像纹理或者边缘&#xff0c;方形滤波核卷积的处理结果会导致这个边缘变模糊。 基于这个…

算法刷题:有效三角形个数

有效三角形个数 .题目链接题目详情算法原理补充知识点双指针:对撞指针 我的答案 . 题目链接 有效三角形个数 题目详情 算法原理 补充知识点 有效三角形需要满足的条件: ab>cac>bbc>a 其实在满足1的时候,c是最大的,那么2和3是显然成立的,因此我们可以这样解题: 对…