软件

VSCode资源管理器行高、字体大小修改

波比AI · 5月2日 · 2025年本文共1815个字 · 预计阅读7分钟6次已读

VSCode资源管理器行高、字体大小修改

我是按32px行高设置的,可自行调整自己看着舒服的高度;

一、修改JS文件

安装目录/resources/app/out/vs/workbench/workbench.desktop.main.js

查找:({range:{start:

两端附近的size:c.size改为:size:c.templateId==="file"?40:c.size

此处如果也保持32px的话会导致行高不足遮挡一部分,因此比32大一些即可。

二、修改CSS文件

安装目录/resources/app/out/vs/workbench/workbench.desktop.main.css

在文件末尾加入:

/* 自定义 */  
 .explorer-viewlet .monaco-workbench .monaco-tl-row{  
  height: 32px;  
  line-height: 32px;  
 }  
 .explorer-viewlet .explorer-item {  
  height: 32px;  
  line-height: 32px;  
}  
 .explorer-viewlet .monaco-tl-twistie{  
  height: 32px;  
  line-height:bobyai 32px;  
}  
.explorer-viewlet .monaco-tl-contents{  
  height: 32px;  
  line-height: 32px;  
}  
​  
.explorer-viewlet  .show-file-icons .folder-icon::before,.explorer-viewlet  .show-file-icons .file-icon::before{  
  height: 32px;  
  line-height: 32px;  
    margin-right: 6px;  
    background-size: auto;  
}  
.explorer-viewlet .show-file-icons .ignore-lang-file-icon.file-icon::before{  
  height: 32px;  
  line-height: 32px;  
    margin-right: 6px;  
    background-size: auto;  
}  
.explorer-viewlet .monaco-list .monaco-list-row.selected{  
  height: 32px!important;  
  line-hebobyaiight: 32px!important;  
}  
.explorer-viewlet .show-file-icons .php-lang-file-icon.file-icon::before{  
  height: 32px;  
  line-heigbobyaiht: 32px;  
    margin-right: 6px;  
    background-size: auto;  
}  
.explorer-viewlet .monaco-list.mouse-support .monaco-list-row{  
  height: 32px!important;  
  line-height: 32px!important;  
}  
.explorer-viewlet .monaco-icon-label>.monaco-icon-label-container>.monaco-icon-name-container>.label-name{  
  height: 32px!important;  
  line-height: 32px!important;  
  font-size: 16px;  
}  
.explorer-viewlet .show-file-icons .monaco-tl-twistie.collapsible:not(.collapsed) + .monaco-tl-contents .folder-icon::before{  
    height: 32px!important;  
  line-height: 32px!important;      
}

继续在当前CSS文件中查找:.monaco-workbench .part>.content

修改font-size的值,默认是13px,改为自己合适的值即可,比如:14px

修改完成,重启VSCode生效。

参考

[Total: 0 Average: 0]
0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!