VSCode美化

2024-06-16 16:44
文章标签 vscode 美化

本文主要是介绍VSCode美化,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

VSCode 美化

主题推荐

Catppuccin Noctis

这款主题融合了 Catppuccin 主题的配色和 Noctis 主题的高亮方案,作为 Catppuccin 主题的替代品。
请添加图片描述

Tokyo Night

Tokyo Night 主题颜色偏黑,其变体 Tokyo Night Storm 则略微发蓝,配合峡谷背景效果还可以。

Tokyo Night
请添加图片描述

Tokyo Night Storm
请添加图片描述

Palenight Theme

这款主题属于无边界主题,配合其他语言还挺好看,但是对于 jupyter 笔记本来说,就有点看不清单元格的界限了。
请添加图片描述

Moonlight

月光主题,配合峡谷背景效果不错。
请添加图片描述

图标推荐

Catppuccin Icons for VSCode

Catppuccin 主题附带的图标,特点是颜色鲜艳,图标中空。
请添加图片描述

字体设置

Font Family

Maple Mono NF CN 字体,等宽字体,且中文字体严格是英文字体的两倍宽度。

Font Weight

    "editor.fontWeight": "250","terminal.integrated.fontWeight": "250",

差不多是 light 字重。

侧边栏-文件目录字体大小

打开 VSCode 配置文件 <安装路径>/Microsoft VS Code/resources/app/out/vs/workbench/workbench.desktop.main.css,搜索其中的下列属性,修改 font-size,重启 VSCode 即可。

.monaco-workbench .part>.content {font-size: 14px
}

重启后 VSCode 可能报错 软件出错...,问题不大😜

背景图片

backgroud-cover

安装 background-cover 插件,设置背景图片即可,还可以设置透明度。
我使用的是深蓝色峡谷背景,透明度为 0.4。

无水印版本(需要梯子):https://w.wallhaven.cc/full/96/wallhaven-96w2g8.jpg

请添加图片描述

这篇关于VSCode美化的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1066989

相关文章

VSCode中C/C++编码乱码问题的两种解决方法

《VSCode中C/C++编码乱码问题的两种解决方法》在中国地区,Windows系统中的cmd和PowerShell默认编码是GBK,但VSCode默认使用UTF-8编码,这种编码不一致会导致在VSC... 目录问题方法一:通过 Code Runner 插件调整编码配置步骤方法二:在 PowerShell

VSCode配置Anaconda Python环境的实现

《VSCode配置AnacondaPython环境的实现》VisualStudioCode中可以使用Anaconda环境进行Python开发,本文主要介绍了VSCode配置AnacondaPytho... 目录前言一、安装 Visual Studio Code 和 Anaconda二、创建或激活 conda

在VSCode中本地运行DeepSeek的流程步骤

《在VSCode中本地运行DeepSeek的流程步骤》本文详细介绍了如何在本地VSCode中安装和配置Ollama和CodeGPT,以使用DeepSeek进行AI编码辅助,无需依赖云服务,需要的朋友可... 目录步骤 1:在 VSCode 中安装 Ollama 和 CodeGPT安装Ollama下载Olla

使用DeepSeek API 结合VSCode提升开发效率

《使用DeepSeekAPI结合VSCode提升开发效率》:本文主要介绍DeepSeekAPI与VisualStudioCode(VSCode)结合使用,以提升软件开发效率,具有一定的参考价值... 目录引言准备工作安装必要的 VSCode 扩展配置 DeepSeek API1. 创建 API 请求文件2.

VScode连接远程Linux服务器环境配置图文教程

《VScode连接远程Linux服务器环境配置图文教程》:本文主要介绍如何安装和配置VSCode,包括安装步骤、环境配置(如汉化包、远程SSH连接)、语言包安装(如C/C++插件)等,文中给出了详... 目录一、安装vscode二、环境配置1.中文汉化包2.安装remote-ssh,用于远程连接2.1安装2

vscode保存代码时自动eslint格式化图文教程

《vscode保存代码时自动eslint格式化图文教程》:本文主要介绍vscode保存代码时自动eslint格式化的相关资料,包括打开设置文件并复制特定内容,文中通过代码介绍的非常详细,需要的朋友... 目录1、点击设置2、选择远程--->点击右上角打开设置3、会弹出settings.json文件,将以下内

Python使用Colorama库美化终端输出的操作示例

《Python使用Colorama库美化终端输出的操作示例》在开发命令行工具或调试程序时,我们可能会希望通过颜色来区分重要信息,比如警告、错误、提示等,而Colorama是一个简单易用的Python库... 目录python Colorama 库详解:终端输出美化的神器1. Colorama 是什么?2.

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

EMLOG程序单页友链和标签增加美化

单页友联效果图: 标签页面效果图: 源码介绍 EMLOG单页友情链接和TAG标签,友链单页文件代码main{width: 58%;是设置宽度 自己把设置成与您的网站宽度一样,如果自适应就填写100%,TAG文件不用修改 安装方法:把Links.php和tag.php上传到网站根目录即可,访问 域名/Links.php、域名/tag.php 所有模板适用,代码就不粘贴出来,已经打

vscode中文乱码问题,注释,终端,调试乱码一劳永逸版

忘记咋回事突然出现了乱码问题,很多方法都试了,注释乱码解决了,终端又乱码,调试窗口也乱码,最后经过本人不懈努力,终于全部解决了,现在分享给大家我的方法。 乱码的原因是各个地方用的编码格式不统一,所以把他们设成统一的utf8. 1.电脑的编码格式 开始-设置-时间和语言-语言和区域 管理语言设置-更改系统区域设置-勾选Bata版:使用utf8-确定-然后按指示重启 2.vscode