VScode的侧边栏设置

╰+哭是因爲堅強的太久メ 2022-12-26 09:25 359阅读 0赞

### 文章目录 ###

*  说是\`CSDN\`全站第一应该不过分吧？
 *  导读
 *  寻找侧边栏配置文件
 *   *  和\`Windows\`不太一样的安装目录和存储文件
     *  参考博客
     *  使用\`Linux\`特有的手段查找文件
     *  找到了！
     *  来自评论区大佬的补充
     *  继续补充
 *  修改侧边栏配置文件
 *   *  没什么做不到的\`Vim\`编辑器
 *  重启\`VScode\`应用，成功修改侧边栏字体
 *  编辑器字体修改

# 说是`CSDN`全站第一应该不过分吧？ #

现在全网都只有关于`Windows`系统中修改`VScode`侧边栏字体大小的方法，在这里介绍`Ubuntu`系统的修改方法。

# 导读 #

`VScode`虽然好用，但是**默认字体实在是太小了**，侧边栏默认 13 13 13号字体，编辑器默认 14 14 14号字体，对于我来说完全`hold`不住。所以，我去改一改。

# 寻找侧边栏配置文件 #

## 和`Windows`不太一样的安装目录和存储文件 ##

首先就是**用户自己可以设置的**配置文件，也就是`settings.json`。但是，发现`sideBar`只有左边还是右边的设置。

![只有左右设置][85cf01674fec12477e674e178710617d.png]

**这显然不是我们想要的结果**。

## 参考博客 ##

于是，在[`Zxmseed`写的Visual Studio Code 左侧资源管理器字体设置][Zxmseed_Visual Studio Code]中找到了配置所在，也就是`${installation-location}\Microsoft VS Code\resources\app\out\vs\workbench\`里面的`workbench.main.css`文件中。**但是很不幸**，在`Ubuntu`系统和`Windows`系统还是很有些**不一样**的。

## 使用`Linux`特有的手段查找文件 ##

所以，我们使用`Linux`的`find`命令：

# find ${folder name} -name ${part of target folder or file name}
    find /usr -name 'code'

这行命令的意思是：**在`/usr`文件夹下寻找包含`code`这个单词的子文件夹或者文件**。

当然，你也可以使用第三方包，比如`mlocate`，需要使用安装命令进行安装：

sudo apt-get install mlocate

然后使用`mlocate`包中的`locate`命令：

locate code

这种方法**不需要指定查找位置**，直接输入名称就给你匹配出来。

## 找到了！ ##

不管用什么方法，最终也很幸运，我们找到了：

![寻找VScode][VScode]

于是我们一个个试，发现`/usr/share/code`就是我们要找的文件夹，也就是`Microsoft VScode`的安装目录。

接着对照`Zxmseed`的博客中所指的位置，**锁定了`/usr/share/code/resources/app/out/vs/workbench`**，里面有个文件是`workbench.desktop.main.css`。

![锁定文件夹][23588141f7abe33a12872663cdbc4def.png]

是不是和`Windows`**有些不同**？也可能是版本更新之后才有所不同的吧。

## 来自评论区大佬的补充 ##

首先感谢博主[叁點壹肆壹伍][Link 1]的补充。这里简要说明一下。

对于`Archlinux`等`Arch`系的发行版，`VScode`可能安装在`/opt`下面，而非在`/usr`。如果各位使用的操作系统中在`/usr`下搜寻不到目标文件的话，可以换到`/opt`下搜寻，也许会有新的发现。

## 继续补充 ##

除了这位大佬的方法呢，也还是有很多的小技巧。

当然，最简单粗暴的还是：

find / name -'code'

也就是**全磁盘地毯式搜索**。相应的可能搜出来匹配的东西可能有一堆。如果东西不多，就像是`Visual Studio Code`一样有较少的文件还好说。如果是大量的文件就有点尴尬了。

这里再提供一条思路：

find / name -'icrosoft'

这样应该能够很准确地知道微软旗下的各种东西都放在哪里了，甚至可以不需要精确定位。举个例子：假设装了个`Microsoft`的 56 G 56G 56G完整的`Visual Studio`，这应该会出现**至少几十万条**匹配项。不过不用一行行找，因为我们会发现大量的文件集中在`/opt`。按照**贪心原理**，是不是可以尝试一下`find /opt -name 'code'`？如果找不到那就只能换关键词继续试了（*耸肩*）

# 修改侧边栏配置文件 #

## 没什么做不到的`Vim`编辑器 ##

一般`Linux`系统（*不包含`Deepin`等国产魔改系统*）都会内置`vi`命令来修改文件，**但是非常难用**。所以这里我们改用`Vim`，需要使用命令安装：

sudo apt-get install vim

安装完就**已经没什么好怕的了**。

找到目标之后，我们**使用`Vim`打开**这个文件：

sudo vim /usr/share/code/resources/app/out/vs/workbench/workbench.desktop.main.css

你会发现很大一批文字。**千万不要妄图使用`gedit`命令打开超级大的文本文件**，**会卡得不行**。

进入之后，我们使用`Vim`的**字符串匹配功能**一个个找下去，也就是在界面直接输入：

# /是匹配命令，后面是匹配字符串
    # 直接输入不必回车，就只设置这么多字符串就能找到了
    /.content{ font

![找到位置][626e5178029463936bc723936a1a376d.png]

立马就锁定了这个位置。按下回车，光标就会停在`.content`这儿。默认字体大小是 13 13 13号，我们稍微增大一些，改为 15 15 15号，就按下`i`键，进入编辑模式，左下角会出现“**–插入–**”的字样，就能修改了。修改完按下`Esc`键退出编辑模式，再输入`:x`保存修改并退出。

# 重启`VScode`应用，成功修改侧边栏字体 #

最后，就修改成功了。将`VScode`全部关掉，然后重新打开，我们就能看到左边的字体稍微有些大了。

# 编辑器字体修改 #

相对的，编辑器的修改就方便很多。直接在上方的`File`菜单栏里找到`Preferences`的`settings`。当然，你也可以使用快捷键：`Ctrl`\+`，`，在里面搜索`font`，就能够修改编辑器的字体大小。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29yZGluYXJ5X2Jyb255_size_16_color_FFFFFF_t_70]

是不是有点能理解了呢？

[85cf01674fec12477e674e178710617d.png]: /images/20221120/56e5cd02e1674ee489adae5d73fb8c0b.png
[Zxmseed_Visual Studio Code]: http://www.zxmseed.com/blog/208537
[VScode]: /images/20221120/00a6bba09b9d47199855653baa7e8261.png
[23588141f7abe33a12872663cdbc4def.png]: /images/20221120/c31b48f633554d1e8c57276609648568.png
[Link 1]: https://blog.csdn.net/weixin_53336083
[626e5178029463936bc723936a1a376d.png]: /images/20221120/ed3ab16ce5c14117b05b11e40635250e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L29yZGluYXJ5X2Jyb255_size_16_color_FFFFFF_t_70]: /images/20221120/426eb99740f84a4185e451e548f6a116.png