vs code 界面比atom丑，怎么调整美观度

[dev coder]

最近换新电脑，重装开发工具的时候，发现atom不能用了，官网显示已经停止维护正在归档。

然后又开始新的一轮，编辑器选拔大赛，在对比了 sublime text vs code 和 webstorm 后，最终选择了 vs code,

虽然sublime编辑器默认主题的美观度比vs code 和 webstorm更简洁，但是安装插件的方式比较古老。

webstorm的功能虽然很强大，但编辑器的自定义和改造功能貌似不如 vs code。

三个编辑器界面对比

sublime text

websorm

vs code

从界面上来看，sublime 是三个编辑器中最简洁的一个，vs code 安装插件和功能和atom相差不大，而且还是免费的，三款编辑器中无疑是最佳的选择。

经过2天的折腾和改造之后，终于把vs code改成atom版本的简介风格了。分享给大家欣赏一下。

配置文件如下

setting.json

{
  "workbench.preferredHighContrastColorTheme": "Community Material Theme",
  "editor.renderLineHighlight": "none",
  "editor.tokenColorCustomizations": {
    "[Community Material Theme]": {
      "comments": "#229977"
    }
  },
  "material-icon-theme.activeIconPack": "vue",
  "material-icon-theme.languages.associations": {},
  "cmake.configureOnOpen": true,
  "explorer.compactFolders": false,
  "workbench.colorTheme": "Community Material Theme Darker",
  "workbench.iconTheme": "material-icon-theme",
  "editor.fontSize": 16,
  "editor.guides.indentation": false,
  "editor.mouseWheelZoom": true,
  "workbench.colorCustomizations": {
    "menu.separatorBackground": "#212121",
    "menu.border": "#292929"
  },
  "workbench.tree.indent": 15,
  "workbench.view.alwaysShowHeaderActions": true,
  "workbench.editor.untitled.labelFormat": "name",
  "workbench.tree.renderIndentGuides": "none",
  "security.workspace.trust.untrustedFiles": "newWindow",
  "git.autofetch": true,
  "git.confirmSync": false,
  "[javascript]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  "git.enableSmartCommit": true,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.validation.template": false,
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "gitlens.menus": {
    "editor": {
      "blame": false,
      "clipboard": true,
      "compare": true,
      "history": false,
      "remote": false
    },
    "editorGroup": {
      "blame": true,
      "compare": true
    },
    "editorTab": {
      "clipboard": true,
      "compare": true,
      "history": true,
      "remote": true
    },
    "explorer": {
      "clipboard": true,
      "compare": true,
      "history": true,
      "remote": true
    },
    "scm": {
      "graph": true
    },
    "scmRepositoryInline": {
      "graph": true
    },
    "scmRepository": {
      "authors": true,
      "graph": false
    },
    "scmGroupInline": {
      "stash": true
    },
    "scmGroup": {
      "compare": true,
      "openClose": true,
      "stash": true
    },
    "scmItemInline": {},
    "scmItem": {
      "clipboard": true,
      "compare": true,
      "history": true,
      "remote": false,
      "stash": true
    }
  },
  "vetur.grammar.customBlocks": {
    "docs": "md",
    "i18n": "json"
  },
  "todohighlight.defaultStyle": {},
  "prettier.singleQuote": true,
  "prettier.semi": false,
  "prettier.trailingComma": "none",
  "emmet.triggerExpansionOnTab": true
}