VSCODE配置 webstorm 字体

先下载字体

{
  "workbench.iconTheme": "a-file-icon-vscode",
  "editor.fontLigatures": true,
  "editor.fontFamily": "JetBrains Mono",
  "terminal.integrated.fontFamily": "JetBrains Mono", // 终端字体
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.fontVariations": true,
  "editor.inlayHints.fontFamily": "JetBrainsMono-ExtraLight",
  "javascript.suggest.autoImports": true,
  "typescript.suggest.autoImports": true,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "javascript.preferences.importModuleSpecifier": "non-relative",
  "typescript.preferences.importModuleSpecifier": "non-relative",

  "vscode_custom_css.imports": [
    "file:///C:/Users/Administrator/AppData/Roaming/Cursor/User/vscode-custom.css" // Windows 路径示例
  ]
}



文件树字体配置
/* 文件树悬停效果 */

/* 文件树中的所有项目（文件和文件夹） */
.monaco-list-row .monaco-tl-contents {
  font-family: 'JetBrains Mono', '微软雅黑' !important;
  font-size: 13px !important;
}

/* 仅文件夹名称 */
.monaco-list-row .monaco-tl-contents .folder-name {
  font-family: 'JetBrains Mono', '微软雅黑' !important;
  font-size: 13px !important;
  font-weight: bold !important; /* 可选：让文件夹名称加粗 */
}
.monaco-list-row:hover .monaco-tl-contents {
  color: #007acc !important; /* 悬停时的颜色 */
}

/* 选中项的样式 */
.monaco-list-row.selected .monaco-tl-contents {
  color: #ffffff !important;
  font-weight: bold !important;
}

/* 文件夹展开/折叠图标 */
.monaco-tl-twistie {
  color: #666 !important;
}