更改VsCode插件「Power Mode」的Combo字体

发布于 2022-10-30  8 次阅读


我们有时喜欢在VsCode上安装各种插件来给码字氛围加点特技;

当我们安装好「Power Mode」准备体验其优雅(花里胡哨)的打击感时,可能会发现此插件「Combo连击计数器」的默认字体在编辑器上显得有些格格不入:

刚装好的效果

然而翻遍设置却找不到变更字体的选项;

既然它没有提供相应的设置,我们只好手动从安装目录更改其代码。

一、寻其安装目录

在Windows系统中,VsCode插件通常安装在系统用户文件夹下的.vscode\extensions\中,如:我的用户名为「TNPC」,则插件在C:\Users\TNPC\.vscode\extensions\里;

在Linux系统中,其在主目录下,即~/.vscode/extensions/里;

其中的以「hoovercj.vscode-power-mode-」开头的即是我们寻找的目标。

二、改其脚本配置

此插件目录中out/src/combo/editor-combo-meter.js即是与该功能直接相关的脚本,用文本编辑器打开,文档底部的EditorComboMeter.DEFAULT_CSS下包含着欲编辑的CSS属性。

改其中「font-family」的值为欲设置的字体名,若需斜体则加上此行:['font-style']: "italic"

找到「const createComboTimerBeforeDecoration =」,可设定数字上进度条的样式。

跟据喜好修改好的效果:

修改好的效果