vscode美化两项

发表于 分类于 Waline： 本文字数： 387
vscode自定义css样式，替换字体，以及插件魔改。

整体字体修改

除了在代码编辑区域和终端的字体，我们可能还想统一vscode的所有字体，因此，可以修改vscode的css文件。

在VSCode\resources\app\out\vs\workbench\workbench.desktop.main.css下

右键格式化，找到.windows:lang(zh-Hans){font-family: Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}，填入要修改的字体即可。

或者安装一个插件：Custom CSS and JS Loader，将需要修改的css样式放入自定义文件中，最后在settings.json中引入。

1
2
3
"vscode_custom_css.imports": [
    "file:///C:/Users/MyUserName/.../path_to_custom.css"
],

注意：这里必须填入url且C:盘符是必须的。

Windows以管理员权限重新启动后。调出命令界面，加载Reload Custom CSS and JS，确认即可。

顺带一提markdownpreview的字体：

1
2
3
4

>custom css

设置.markdown-preview.markdown-preview.

插件修改（产品主题）

在这里非常感谢大佬们的辛苦劳动，但是我实在是太爱这两个插件：Bongo Cat和👉 Emoji File Icons 👈 了，两者都是产品图标插件，不能同时存在，非常无法接受。这样的魔改仅自己玩玩，侵权的话会删除本篇的😢

vscode的拓展都放在"%username(好像叫这个)%.vscode\extensions"里面，于是……

下载好这两个插件后，我在官网看了说明，bongo猫利用了替换字体的方法。

于是其复制dist文件夹和.woff文件到👉 Emoji File Icons 👈拓展的文件夹下，并将banggo猫的json文件内容也填入Emoji File Icons拓展的json文件夹中，bango🐱也出现啦！（看右下角！）

pFOCEIH.md.png

我真的要去学习了谁能来管管我的学习×2\times2😟