我的 VS Code 设置 - 充分利用 VS Code

插件

终端设置

结论

最初发表于deepu.tech。

Visual Studio Code（我更喜欢 VS Code 的发音），我太喜欢它了。它是我的主要代码编辑器。

相比于 IDE，我一直更喜欢轻量级编辑器。许多年前，我使用 Eclipse 进行开发，并使用Notepad++和一些插件来处理其他轻量级的东西。后来我发现了 Sublime Text 并使用了一段时间。但当我进行 Web 开发时，我仍然觉得 Eclipse 太重了。然后是Adob​​e 的Brackets。它是一个相当不错的编辑器，尤其对于 Web 开发而言，我开始大量使用它进行 Web 开发。但是当时 Brackets 在大型代码库上运行速度有点慢。然后是Atom ，它通过引入 Atom shell（最终成为Electron）彻底改变了 NodeJS 桌面应用程序格局。因此我转而使用 Atom，并喜欢上了它流畅的界面和优秀的可插拔功能。它成为我所有 Web 开发的主要编辑器。

因此，Electron 为 VS Code 铺平了道路。虽然起初我因为与 Visual Studio 的关联而持怀疑态度，但我尝试了一下，并被它的速度和用户体验所震撼。从此，我便一发而不可收。我慢慢地开始在日常开发中使用 VS Code，除了 JVM 开发。现在，我使用的是 IntelliJ Ultimate，在 JVM 开发方面，IntelliJ 几乎无可匹敌。接下来，我将介绍我用于开发的编辑器/IDE。

• VS Code：JavaScript、TypeScript、EJS、HTML、CSS、Golang、Rust、Python、Ruby、Shell、Docker、Kubernetes、Terraform 以及包括撰写这篇博文在内的所有内容。
• IntelliJ Idea：Java、Scala、Kotlin、Groovy
• VIM：用于从命令行快速编辑。

插件

当然，VS Code 通过允许使用插件来实现这一切，并且有很多插件可供选择。以下是我个人在上述语言中使用的插件。您可以使用命令code --install-extension从终端安装它们。

语言支持

根据您使用的语言，您可以添加相应的语法、实用程序和语言支持插件。我使用以下插件

JavaScript/TypeScript/Web

• EJS 语言支持- 添加EJS模板支持。>code --install-extension DigitalBrainstem.javascript-ejs-support
• 关闭 HTML/XML 标签- 自动关闭 HTML/XML 标签。>code --install-extension Compulim.compulim-vscode-closetag
• ESLint - 添加对ESLint规则的支持。>code --install-extension dbaeumer.vscode-eslint
• TSLint - 添加对TSLint规则的支持。>code --install-extension ms-vscode.vscode-typescript-tslint-plugin
• Prettier - 增加了对Prettier格式化程序的支持。>code --install-extension esbenp.prettier-vscode
• es-beautifier - 根据 Eslint 规则格式化 JS。>code --install-extension dai-shi.vscode-es-beautifier

去

• Go - 为 Golang 添加了丰富的语言支持。>code --install-extension ms-vscode.Go

JVM

• Java 语言支持- 添加 Java 语言支持。>code --install-extension redhat.java
• Java 调试器- 添加轻量级 Java 调试支持。>code --install-extension vscjava.vscode-java-debug
• JHipster JDL - 添加对 JHipster JDL 文件的语法支持。>code --install-extension jhipster-ide.jdl

Java 支持确实越来越好了，所以我希望有一天我可以完全切换到 VS Code。

Python

• Python 语言支持- 添加 Python 语言支持、linting 和调试支持。>code --install-extension ms-python.python

云、容器及其他

• Docker - 添加 Docker 支持（查看和管理容器）以及对 Docker、docker-compose 文件的支持。

code --install-extension ms-azuretools.vscode-docker

• Jenkinsfile 支持- 为 Jenkinsfile 添加语法高亮支持。

code --install-extension secanis.jenkinsfile-support

• Terraform - 增加了对 Terraform 文件的支持。

code --install-extension mauve.terraform

• Markdown 合而为一- 完全支持 markdown，具有实时预览、键盘快捷键等。

code --install-extension yzhang.markdown-all-in-one

• PlantUML - 丰富的PlantUML支持，具有实时预览。

code --install-extension jebbs.plantuml

• Visual Studio IntelliCode - 增加了对多种语言的 AI 辅助智能感知支持。

code --install-extension VisualStudioExptTeam.vscodeintellicode

• YAML——添加 YAML 支持。>code --install-extension redhat.vscode-yaml

主题

深色++斜体

我的默认主题。与 VS Code 默认深色主题类似，但支持FiraCode和Operator Mono字体。我个人使用 FiraCode。

code --install-extension idbartosz.darkpp-italic

材料图标主题

基于材质图标的精美图标主题。

code --install-extension PKief.material-icon-theme

孔雀

巧妙地改变工作区的颜色。有助于识别打开多个窗口的情况。

code --install-extension johnpapa.vscode-peacock

工具

自动重命名标签

自动重命名配对的 HTML/XML 标签

code --install-extension formulahendry.auto-rename-tag

括号对着色器 2

用独特的颜色标记匹配的括号对。这确实让代码阅读起来更美观

code --install-extension CoenraadS.bracket-pair-colorizer-2

更改大小写

在不同大小写之间转换。相信我，这非常方便

code --install-extension wmaurer.change-case

代码拼写检查器

在代码中进行拼写检查非常有用。会考虑 cameCase 等

code --install-extension streetsidesoftware.code-spell-checker

简易片段生成器

有助于存储可重复使用的片段。

code --install-extension tariky.easy-snippet-maker

VS Code 的 EditorConfig

添加对EditorConfig的支持。

code --install-extension EditorConfig.EditorConfig

Git 历史记录

允许在 VS Code 中查看 Git 历史记录。

code --install-extension donjayamanne.githistory

Gitignore

使处理.gitignore文件变得容易。

code --install-extension codezombiech.gitignore

隐藏 gitignored

隐藏编辑器资源管理器中定义的模式.gitignore。

code --install-extension npxms.hide-gitignored

标记为排除

从资源管理器树中排除内容。

code --install-extension jcmordan.mark-as-excluded

切换排除文件

轻松在显示和隐藏排除的文件/文件夹之间切换。

code --install-extension eamodio.toggle-excluded-files

IntelliJ IDEA 键绑定

我的肌肉记忆力不好，所以想使用和 IntelliJ 一样的键盘快捷键。Sublime、Atom 等等都有对应的映射。

code --install-extension k--kato.intellij-idea-keybindings

对 JSON 进行排序

对 JSON 对象键进行排序。

code --install-extension richie5um2.vscode-sort-json

测试资源管理器 UI

添加用于运行测试的资源管理器面板。支持多种语言和测试框架。

code --install-extension hbenl.vscode-test-explorer

待办事项树

在资源管理器中的树视图中聚合 TODO、FIXME 等。

code --install-extension Gruntfuggly.todo-tree

终端设置

如果您像我一样按照这里的说明使用带有 Oh-my-zsh 的 Zsh shell ，您可能也希望执行以下操作以在集成的 VSCode 终端中获得相同的终端体验。

请按照以下步骤操作

• 下载并安装修补的字体。
• 在 GNU/Linux 上，运行fc-cache -f -v以刷新字体缓存。
• 在 VSCode 上，打开“首选项”→“设置”，然后单击{}图标打开 JSON 模式并设置以下内容

    "terminal.integrated.shell.linux": "/usr/bin/zsh",
    "terminal.integrated.fontFamily": "'SauceCodePro Nerd Font Mono','Source Code Pro'",
    "terminal.integrated.rightClickCopyPaste": true,
    "terminal.integrated.fontSize": 14,
    "terminal.integrated.cursorStyle": "underline",
    "terminal.integrated.cursorBlinking": true

如果您使用的是 Mac，请替换linux为。osx

结论

插件数量可能看起来有点多，但在我的配置下，VS Code 速度飞快，可以立即加载，比 IntelliJ 的加载和使用速度还要快。VS Code 的优点在于你不需要一直使用所有插件，你可以禁用每个工作区中不需要的插件，从而进一步提升运行速度。

很多人问我，既然有 IntelliJ，为什么还要用 VS Code？我的答案一直都一样。IntelliJ 很棒，但它也比较笨重。虽然 Java、Scala 或 Kotlin 开发都需要这些高级功能，但 VS Code 完全能够为 JS、TS、Go、Python、Rust、Ruby 等轻量级语言提供良好的开发体验。

作为 IntelliJ 和 VS Code 的忠实用户，我尽可能地偏爱 VS Code。它的用户体验更符合我的口味。事实上，我更喜欢 VS Code 为 JavaScript、TypeScript、Web、Python 和 Golang 提供的开发体验。此外，由于两者的键盘映射相同，在 JVM 项目和其他项目之间切换对我来说并不奇怪。最近，我只有在进行成熟的 Java 开发时才会使用 IntelliJ。其他情况下，我都使用 VS Code。

希望本文对您有所帮助。如果您有任何疑问，或者觉得我遗漏了什么，欢迎留言。

如果您喜欢这篇文章，请点赞或留言。

您可以在Twitter和LinkedIn上关注我。