优秀的编程知识分享平台

网站首页 > 技术文章 正文

连载3の充分利用VSCODE编辑器(vscode作为文本编辑器)

nanyue 2024-10-26 11:26:11 技术文章 3 ℃


大概会占用您5分钟的阅读时间。

Visual Studio Code(我更喜欢直接叫VS Code),我只是喜欢它。它是我的主要代码编辑器。

我一直喜欢轻量级编辑器而不是IDE。许多年前,我使用Eclipse进行开发,使用Notepad ++和一些插件来开发所有其他轻量级的东西。然后我发现了崇高的文本,并使用它一段时间。当我做Web开发时,我仍然觉得Eclipse太重量级了。然后是Adobe的Brackets。这是一个相当不错的编辑器,特别是对于Web开发,我开始大量使用它进行Web开发。但是当时,Brackets在大型代码库上有点慢。然后是Atom,它通过引入最终成为Electron的Atom shell彻底改变了NodeJS桌面应用程序格局。所以我切换到Atom,喜欢它光滑的界面和漂亮的可插拔功能。它成为我所有Web开发的主要编辑器。

因此,Electron为VS Code铺平了道路,尽管起初由于与Visual Studio的联系而持怀疑态度,但我尝试了一下,并对它的速度和用户体验感到惊讶。现在没有回头路了。我慢慢地开始使用VS Code进行大部分的日常开发,除了JVM开发,我现在使用IntelliJ Ultimate,很难击败IntelliJ进行JVM开发。现在快进到下面是我用于开发的编辑器/ 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 格式化程序的支持。
  • code --install-extension esbenp.prettier-vscode
  • es-beautifier - 根据 Eslint 规则格式化 JS。
  • code --install-extension dai-shi.vscode-es-beautifier

Golang

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

Debugger

  • Language Support for Java - Adds Java language support.
  • code --install-extension redhat.java
  • Debugger for Java - Adds lightweight Java debugging support.
  • code --install-extension vscjava.vscode-java-debug
  • JHipster JDL - Adds syntax support for JHipster JDL files.
  • code --install-extension jhipster-ide.jdl

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

宣布推出适用于#Java https://t.co/u6lyKW0xFS 的Visual Studio Code Installer

— 马库斯·艾瑟尔 (@myfear) 2019年6月16日

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
  • 降价一体式 - 通过实时预览,键盘快捷键等提供完整的降价支持。
  • 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

工具

自动重命名标签

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 --install-extension EditorConfig.EditorConfig

Git 历史

code --install-extension donjayamanne.githistory

吉蒂尼奥雷

code --install-extension codezombiech.gitignore

隐藏吉格诺德

Hides patterns defined in from the editors explorer..gitignore

code --install-extension npxms.hide-gitignored

标记为已排除

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

切换排除的文件

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

IntelliJ IDEA Keybindings

我的肌肉记忆力很差,所以想使用与IntelliJ相同的键盘快捷键。有可用于Sublime,Atom等的映射。

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

排序 JSON

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

测试资源管理器 UI

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

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

待办事项树

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

code --install-extension Gruntfuggly.todo-tree

终端设置

如果您像这里介绍的那样将 Zsh shell 与 Oh-my-zsh 一起使用,则可能需要执行以下操作,以便在集成的 VSCode 终端中获得相同的终端体验。

  • 下载并安装修补的字体。
  • 在 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,请替换为。linuxosx

结论

这可能看起来太多的插件,但在我的配置上,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项目和其他项目之间切换对我来说并不奇怪,因为我对两者都有相同的键盘映射。这些天我唯一一次启动IntelliJ的时候是我想做成熟的Java开发的时候。对于其他所有内容,我使用VS代码。

我希望你觉得这很有用。如果您有任何疑问,或者您认为我错过了某些内容,请添加评论。

最近发表
标签列表