Visual Studio Code 是一款目前最受欢迎的代码编辑器,具有深度的远程开发,您可以连接到运行其他操作系统的容器,并且可以在该环境下使用任何VS Code插件、启动、调试。

本文介绍的 VS Code 主题 Tomorrow 的灵感来自 One Dark Pro 和 Material Theme。

安装

  1. 在 VS Code 中打开 扩展侧边栏面板。 查看 → 扩展
  2. 搜索 Tomorrow – 找到Suhail Kakar 的那个
  3. 单击 安装 以安装它。
  4. VS Code > 文件 > 首选项 > 颜色主题 > Tomorrow

如果您想为您的代码编辑器提供与上图相同的外观,您需要将以下代码粘贴到您的 VS Code settings.json 中。

{
  "editor.fontSize": 17,
  "editor.fontWeight": "500",
  "editor.fontLigatures": true,
  "editor.lineHeight": 35,
  "editor.tabSize": 2,
  "editor.lineNumbers": "off",
  "editor.renderIndentGuides": false,
  "editor.renderWhitespace": "none",
  "editor.renderControlCharacters": false,
  "editor.minimap.enabled": false,
  "workbench.colorTheme": "Tomorrow Theme",
  "tabnine.experimentalAutoImports": true,

  "editor.smoothScrolling": true,
  "editor.mouseWheelScrollSensitivity": 2,
  "editor.scrollBeyondLastLine": true,
  "editor.cursorStyle": "block",
  "editor.cursorBlinking": "phase",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.cursorWidth": 2,

  "explorer.openEditors.visible": 0,
  "explorer.confirmDelete": false,
  "explorer.decorations.badges": false,
  "problems.decorations.enabled": false,
  "workbench.sideBar.location": "left",

  "window.zoomLevel": 1,
  "window.menuBarVisibility": "toggle",
  "workbench.statusBar.visible": true,
  "workbench.activityBar.visible": true,

  "terminal.integrated.cursorStyle": "block",
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.fontWeight": "500",
  "code-runner.runInTerminal": true,

  "editor.formatOnSave": true,
  "workbench.startupEditor": "none",
  "editor.detectIndentation": true,
  "editor.insertSpaces": false,
  "terminal.integrated.rendererType": "dom",
  "window.compositionAttribute": "acrylic",
  "editor.fontFamily": "'Cascadia Code', 'monospace', monospace, 'Droid Sans Fallback'",

}

字体

推荐使用Cascadia Code字体,该字体由微软创建,已在GitHub上公开。你可以在这里下载字体。

结论

我希望你喜欢这个主题,如果这篇文章对您有所帮助。如果还有什么疑问,请在评论区告诉我们。

发表评论