Visual Studio Code 更改侧边栏字体样式(CSS)
Visual Studio Code(以下简称 VSCode) 窗口放大以后侧边栏的字体样式异常难看,让人感到非常别扭,bdfs 也找不到完整的解决方案,最后在知乎看了 muxu.jiu
的回答,茅塞顿开,决定写一篇详细的教程。
因为 VSCode 主要使用 TypeScript (TypeScript 是 JavaScript 的一个超集) 编写,可以想到用开发人员工具更改 CSS 达到更改字体样式的目的。
常规方法
首先打开开发人员工具,一层一层的打开 html 标签,找到如图 1.0.div
所示的 Div 标签,朝下找到 Computed(已计算)
标签栏,点击 Font-Size,找到一个带有 content 的子项,右键,点击第二个选项,再点击 }
,复制右上方的文件地址和它左边的 CSS Code(没有粘贴板软件的用户可以先粘贴到记事本里,再一个一个复制),打开资源管理器,粘贴,将 %20
替换成空格,删除 //vscode-app/
和后面的文件名,双击 workbench.desktop.main.css
,按 Ctrl + F 键,在搜索框中粘贴 CSS Code,添加下面这行代码:
;font-family: "Fira Code";
注意前面有一个 ;
!之后,保存该 CSS 文件,大功告成!
快捷方法
打开 Visual Studio Code,点击 File,再点击 Open File,在地址框中输入你的 VSCode 安装地址 + resources\app\out\vs\workbench
,单击 workbench.desktop.main.css
,打开文件,按 Ctrl + F 键,在搜索框中输入 .part>.content{
,在 13px 后面添加 ;font-family: "Fira Code";
。
重启 VSCode,大功告成!!!
操作演示
感谢知乎 @九木旭 提供的思路。
相关文章
- Visual Studio 2008 集成SP1补丁
- Visual Studio 连接SQL Server数据库[通俗易懂]
- 想在 Visual Studio Code 里进行 ABAP 开发,需要安装的扩展列表
- Visual Studio Code——做嵌入式C/C++开发常用的编辑器软件安装及基本使用总结
- c# openfiledialog如何使用_visual studio怎么保存源代码
- Visual Studio Code安装与使用和常见配置
- 利用Visual Studio Code 搭建Groovy开发环境
- CA周记 - 用 Visual Studio Code 做基于 .NET MAUI 跨平台移动应用开发
- Visual Studio Code 2021软件下载和安装教程
- Visual Studio Code 2019软件下载和安装教程
- 【2】Visual Studio 2017同时配置OpenCV2.4 以及OpenCV4.3
- Visual Studio Code Jupyter Notebook RCE
- Visual Studio 2012正式版
- 【OpenGL】四、Visual Studio 2019 配置 GitHub ( 从 GitHub 上克隆项目 )
- 【错误记录】Visual Studio 中配置 NDK 头文件路径 ( NDK 的三个头文件路径 | 与 CPU 架构相关 asm 头文件路径选择 )
- 【开发环境】为 Visual Studio Community 2013 版本安装中文语言包 ( 安装 Test Agents 2013 | 安装 Visual Studio 2013 简体中文 )
- 【开发环境】安装 Visual Studio Code 开发环境 ( 下载 Visual Studio Code 安装器 | Visual Studio Code )
- 【开发环境】Ubuntu 安装 Visual Studio Code 开发环境 ( 下载 Visual Studio Code 安装器 | Ubuntu 安装 deb 包 )
- 最全Visual Studio Code安装配置及使用
- Visual Studio Code 1.73 正式发布!
- 教你Visual Studio Code(VS Code)如何查询PostgreSQL拓展安装教程图解
- 微软Visual Studio Code更新 原生支持Apple Silicon
- Visual Studio Code (简称 VS Code ) 是一个轻量但功能强大的跨平台源代码编辑器。
- 微软良心之作——Visual Studio Code 开源免费跨平台代码编辑器
- Visual Studio Code (简称 VS Code ) 是一个轻量但功能强大的跨平台源代码编辑器。
- Visual Studio编译Redis出现报错(vs编译redis报错)
- VisualC++中TabView的多种实现方法