百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

连载3の充分利用VSCODE编辑器

toyiye 2024-06-21 12:41 12 浏览 0 评论


大概会占用您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代码。

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

相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码