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

目录

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

切换文件图标主题              

设置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.mzph.cn/news/686566.shtml

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

相关文章

类和对象 第六部分第五小节:继承同名成员处理方式

问题&#xff1a;当子类与父类出现同名的成员&#xff0c;如何通过子类对象&#xff0c;访问到子类或父类中同名的数据&#xff1f; &#xff08;一&#xff09;同名成员属性处理方式 #include<iostream>using namespace std;class Base{public:Base(){m_A 100;}int m_A…

Android 车载应用开发之SystemUI 详解

一、SystemUI SystemUI全称System User Interface,直译过来就是系统级用户交互界面,在 Android 系统中由SystemUI负责统一管理整个系统层的 UI,它是一个系统级应用程序(APK),源码在/frameworks/base/packages/目录下,而不是在/packages/目录下,这也说明了SystemUI这个…

代码随想录算法训练营第53天 | 121.买卖股票的最佳时机 + 122.买卖股票的最佳时机II

今日任务 121. 买卖股票的最佳时机 122.买卖股票的最佳时机II 121.买卖股票的最佳时机 - Easy 题目链接&#xff1a;力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 给定一个数组 prices &#xff0c;它的第 i 个元素 prices[i] 表示一支给定股票第…

【Java八股面试系列】JVM-类和对象加载过程

目录 类和对象的加载过程 类的生命周期 类的加载过程 加载 验证 准备 解析 初始化 类卸载 对象的加载过程 类和对象的加载过程 什么是类加载和对象加载? 类加载&#xff08;Class Loading&#xff09;&#xff1a;这是指JVM在运行时将类的字节码文件加载到内存中的…

Java实现新能源电池回收系统 JAVA+Vue+SpringBoot+MySQL

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 用户档案模块2.2 电池品类模块2.3 回收机构模块2.4 电池订单模块2.5 客服咨询模块 三、系统设计3.1 用例设计3.2 业务流程设计3.3 E-R 图设计 四、系统展示五、核心代码5.1 增改电池类型5.2 查询电池品类5.3 查询电池回…

php 函数(方法)、日期函数

php 函数、日期函数 1. php函数2. 日期函数 1. php函数 <?php// 创建一个函数 function hello($who) {echo $who.Hello World!; }hello("老张");给参数一个默认值&#xff0c;当然自己有变量走自己的 2. 日期函数 <?php/** date(Y-m-d H:i:s)返回的时间是…

恒流模块与常用电容

户外电源电芯&#xff1a;DJ采用无热中心设计&#xff1a;每个电芯都有一部分裸露在外面&#xff0c;保证良好散热上 固态电容相较于普通电解电容具有更高的电气性能、更长的使用寿命和更稳定的温度特性&#xff0c;但成本也相对较高。固态电容在1块左右&#xff0c;电解电容在…

Midjourney绘图欣赏系列(六)

Midjourney介绍 Midjourney 是生成式人工智能的一个很好的例子&#xff0c;它根据文本提示创建图像。它与 Dall-E 和 Stable Diffusion 一起成为最流行的 AI 艺术创作工具之一。与竞争对手不同&#xff0c;Midjourney 是自筹资金且闭源的&#xff0c;因此确切了解其幕后内容尚不…

中国半导体设备行业概述

TrendForce根据各种行业数据和主要代表性公司的最新财务报告综合分析指出&#xff0c;中国本土设备产业在半导体制造流程&#xff08;除光刻机外&#xff09;的各个阶段均有覆盖能力。具体来说&#xff0c;国产设备在中国本地市场中&#xff0c;在剥离、清洗及蚀刻等工艺上的本…

二、ActiveMQ安装

ActiveMQ安装 一、相关环境二、安装Java8三、下载安装包四、启动五、其他命令六、开放端口七、后台管理 一、相关环境 环境&#xff1a;Centos7.9安装ActiveMQ版本&#xff1a;5.15.9JDK8 二、安装Java8 安装教程&#xff1a;https://qingsi.blog.csdn.net/article/details/…

.NET Core WebAPI中使用swagger版本控制,添加注释

一、效果 二、实现步骤 在代码中添加注释 在项目属性中生成API文档 在Program中注册Swagger服务并配置文档信息 // 添加swagger注释 builder.Services.AddSwaggerGen(x > {x.SwaggerDoc("v1", new OpenApiInfo { Title "Swagger标题", Version "…

MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统(2)-Swagger框架集成

Swagger是什么&#xff1f; Swagger是一个规范且完整API文档管理框架&#xff0c;可以用于生成、描述和调用可视化的RESTful风格的 Web 服务。Swagger 的目标是对 REST API 定义一个标准且和语言无关的接口&#xff0c;可以让人和计算机拥有无须访问源码、文档或网络流量监测就…

前端秘法进阶篇----这还是我们熟悉的浏览器吗?(浏览器的渲染原理)

目录 一.浏览器渲染原理 二.渲染时间点 三.渲染流水线 1.解析html(Parse HTML) 1.1解析成DOM树(document object model) 1.2解析成CSSOM树(css object model) 2.样式计算(Recalculate Style) 3.布局(Layout) 4.分层(Layer) 5. 绘制(Paint) 6.分块(Tiling) 7. 光栅化…

360可视门铃双摄版恢复案例

家用的智能摄像头恢复了很多&#xff0c;但是可视门铃的恢复却是第一次&#xff0c;现代社会似乎已经全方位处于监控网络之下。360的产品很多&#xff0c;可视门铃只是其众多品牌中的一个&#xff0c;这个案例能让我们窥视到360的开发小精产品的理念。 故障存储: 64G TF卡/ex…

时序预测 | Matlab实现BO-LSSVM贝叶斯算法优化最小二乘支持向量机时间序列预测

时序预测 | Matlab实现BO-LSSVM贝叶斯算法优化最小二乘支持向量机时间序列预测 目录 时序预测 | Matlab实现BO-LSSVM贝叶斯算法优化最小二乘支持向量机时间序列预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 Matlab实现BO-LSSVM贝叶斯算法优化最小二乘支持向量机时间…

函数、极限、连续——刷题(5

目录 1.题目&#xff1a;2.解题思路和步骤&#xff1a;3.总结&#xff1a;小结&#xff1a; 1.题目&#xff1a; 2.解题思路和步骤&#xff1a; 首先可能想到的是答案为0&#xff0c;但是不可以把 直接化简为n 这里要用到分子分母的平方差&#xff0c;sin^2的周期为π&#x…

计算机网络——14CDN

CDN 视频流化服务和CDN&#xff1a;上下文 视频流量&#xff1a;占据着互连网大部分的带宽 Netflix&#xff0c;YouTube&#xff1a;占据37%&#xff0c;16%的下行流量 挑战&#xff1a;规模性-如何服务~1B用户&#xff1f; 单个超级服务器无法提供服务&#xff08;为什么&am…

函数、极限、连续——刷题(4

目录 1.题目&#xff1a;2.解题思路和步骤&#xff1a;3.总结&#xff1a;小结&#xff1a; 1.题目&#xff1a; 2.解题思路和步骤&#xff1a; 记住这个公式即可&#xff1a; 所以就很容易求解了&#xff1a; 3.总结&#xff1a; 记住这个公式即可&#xff1a; 小结&am…

祝所有的CSDN社区成员们新年快乐

文章目录 尊敬的CSDN社区成员们&#xff0c; 在新年的钟声即将敲响之际&#xff0c;我携带着满心祝福与期许&#xff0c;以字为舟&#xff0c;穿越虚拟与现实的界限&#xff0c;来到您的身边&#xff0c;向每一位热爱编程、投身技术研究、在CSDN平台上挥洒智慧和汗水的朋友们&a…

如何使用iptables或者firewalld配置Linux系统的防火墙策略

在网络安全中&#xff0c;防火墙是一种关键的安全设备&#xff0c;用于保护计算机网络免受恶意攻击和未经授权的访问。在Linux系统中&#xff0c;我们可以使用iptables或者firewalld来配置防火墙策略。本文将介绍如何使用这两种工具来配置Linux系统的防火墙策略&#xff0c;包括…