后端开发教程 - Java、Spring Boot 实战 - msg200.com
十大 VS Code 设置
我或许应该把“十大 VS Code 设置”改成“十大鲜为人知的设置”！这篇博文会介绍一些 Visual Studio Code 中隐藏的、能够提高工作效率的设置，这些设置并非特别流行或主流。我稍微作了点小尝试，并没有列出十个设置，而是分成了十个部分！
请记住，您可以使用 Ctrl+（Windows 系统）和 Cmd+（Mac 系统）进入用户设置
您可能会喜欢一些，也可能会讨厌一些，请根据自己的喜好使用它😅，并且一如既往地感谢您的反馈。
面包屑
VS Code 在其内容上方有一个名为“面包屑”的导航栏。它显示当前位置，并允许您在符号和文件之间快速导航。使用“视图”>“显示面包屑”命令启用它，或者：
"breadcrumbs.enabled": true
如果您的路径很长或者只对文件路径或符号路径感兴趣，则可以使用breadcrumbs.filePath和breadcrumbs.symbolPath设置。
CSS 重要
CSS 反馈规则可帮助您确保!important样式表中未使用 。它适用于 SCSS 和 CSS。使用!important表示 CSS 的特殊性需要重构。
"css.lint.important": "warning",
"scss.lint.important": "warning",
调试工具栏
过去，调试工具栏总是碍事，需要四处移动，现在就不用了！您可以保留它，docked也可以floating现在就移除。我更喜欢停靠在工具栏上。如果您使用docked模式，调试会话启动时，调试操作将显示在“调试”视图的顶部。
"debug.toolBarLocation": "docked"
编辑
这些设置提升了编辑器的视觉吸引力。代码提供了多种自定义光标的方式（平滑、扩展、实心或相位）。我选择使用线形光标来控制光标的渐显和渐隐。行高使代码更具可读性。我知道并非所有人都喜欢字体连字，因为对某些人来说，它确实会降低代码的可读性。我理解。习惯它需要时间。
"editor.cursorBlinking": "phase",
"editor.cursorStyle": "line",
"editor.fontLigatures": true, // Please don't hate me.
"editor.formatOnSave": false,
"editor.lineHeight": 22
探险家
您可能希望在文件资源管理器中查看当前打开的文件。autoReveal它可以帮您实现这一点。它会自动滚动到文件资源管理器中您正在编辑的文件。需要提醒的是，有些人不喜欢它在文件资源管理器中带来的“跳跃感”。不妨试试，看看您是否喜欢。
"explorer.autoReveal": true
文件
代码有多个自动保存选项。我已将我的设置为onFocusChange。如果您持续运行实时服务器，您可能不太喜欢这个选项。如果您正在编写代码块，代码块尚未完成，并且您切换了标签页，服务器可能会报错。
插入新行有助于保持 POSIX 一致性。
"files.autoSave": "onFocusChange",
"files.insertFinalNewline": true,
"files.trimTrailingWhitespace": true,
HTML
启用你的 HTML 格式化程序！然后像我在上面提到的那样，以新行结尾。
"html.format.enable": true,
"html.format.endWithNewline": false,
JavaScript
这些设置大多是格式化选项，可以提高我的代码可读性。请确保团队成员使用类似的设置，否则理解拉取请求中的差异可能会很困难（如果你的拉取请求方法不支持“忽略空格”）。
"javascript.format.enable": true,
"javascript.format.insertSpaceAfterConstructor": true,
"javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": true,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"typescript.updateImportsOnFileMove.enabled": "always",
当你需要重新组织项目时，最后两个设置可以帮你省去很多麻烦，而且不用担心到处修改 import 语句。它内置了对 JavaScript 和 Typescript 的支持。
Markdown
我花了很多时间编写 Markdown。由于显示器较宽，我会并排打开预览窗口和编辑器窗口。以下设置可以帮助我在滚动时保持编辑器和预览窗口同步。
"markdown.preview.scrollEditorWithPreview": true,
"markdown.preview.scrollPreviewWithEditor": true,
终端
如果您像我一样在 Mac 上使用 iTerm2，或者在 Windows 上使用 Cmder，您可能需要调整 VS Code 以使用相同的终端。我也更喜欢它，zsh因为oh-my-zsh它提供了自定义功能。它也是 Mac 未来（Catalina 及以上版本）的默认 Shell。
"terminal.explorerKind": "external",
"terminal.external.osxExec": "iTerm.app",
"terminal.integrated.fontFamily": "Inconsolata for Powerline", // Install Powerline fonts for this to work
"terminal.integrated.fontSize": 12,
"terminal.integrated.shell.osx": "zsh",
工作台
Workbench 的改动会影响编辑器的方方面面。我稍微调整了一下标签页，并将设置预览从提供的 GUI 改为 JSON 格式。我还把侧边栏移到了右侧。这是我最喜欢的设置之一。只有你亲自操作后才会发现它有多好用。如果将侧边栏放在左侧，当你显示或隐藏它时，代码会跳转。如果放在右侧，就不会再跳转了。
"workbench.editor.enablePreview": false,
"workbench.editor.tabCloseButton": "right",
"workbench.editor.tabSizing": "shrink",
"workbench.panel.defaultLocation": "right",
"workbench.settings.editor": "json",
"workbench.sideBar.location": "right",