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设置python SDK路径的实现步骤

《VSCode设置pythonSDK路径的实现步骤》本文主要介绍了VSCode设置pythonSDK路径的实现步骤,包括命令面板切换、settings.json配置、环境变量及虚拟环境处理,具有一定... 目录一、通过命令面板快速切换(推荐方法)二、通过 settings.json 配置(项目级/全局)三、

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv

VSCode中配置node.js的实现示例

《VSCode中配置node.js的实现示例》本文主要介绍了VSCode中配置node.js的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一.node.js下载安装教程二.配置npm三.配置环境变量四.VSCode配置五.心得一.no

vscode不能打开终端问题的解决办法

《vscode不能打开终端问题的解决办法》:本文主要介绍vscode不能打开终端问题的解决办法,问题的根源是Windows的安全软件限制了PowerShell的运行,而VSCode默认使用Powe... 遇到vscode不能打开终端问题,一直以为是安全软件限制问题,也没搜到解决方案,因为影响也不大,就没有管

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文件,将以下内