VS Code 是功能丰富的编辑器,提供了许多强大的功能,使其成为最受欢迎的集成开发环境之一。尽管如此,仍然有一些方面需改进,插件的存在正是为了填补这些空白,为用户提供额外的功能和工具,以满足特定的需求。
在 VS Code 中,有一些特定的插件对提高工作效率非常重要。这些插件可以帮助开发人员更快速、更高效地编写代码。本文重点介绍8个实用的插件。
1 GitLens
安装链接:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
图片
虽然 Visual Studio Code 自带了基本的 Git 功能支持,但其中功能非常有限。
为了更好地理解代码,可以安装 GitLens 插件。通过此插件能够快速了解谁在什么时候、因为什么修改了某行代码或代码块。回溯历史记录可以进一步了解代码的演变过程和修改的原因。这个插件功能强大、丰富多样,并且高度可定制,能满足你的需求。
尽管有其他插件也旨在填补这一空白,但都无法与 GitLens 的功能相媲美。因此,建议只需要安装这一个插件,就能覆盖所有功能。
2 Live Share
安装链接:https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
图片
在进行双人编程时,通常是通过 Zoom 或其他屏幕共享提供商来实现。然而,这种方式存在一些缺点,有很大的改进空间。为了填补这一空白,Live Share插件能够提供帮助。
这个插件旨在让你能够远程进行双人编程,甚至支持多达30人。它提供了全面的功能,你甚至不再需要使用Zoom进行通话,这个插件内置了聊天和语音通话功能。
图片
开始会话非常简单。创建会话后,会获得一个URL,可以提供给你的同事。
图片
3 VS Code Remote Development
安装链接:https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack
图片
这个扩展可以在物理或虚拟机器上实现无缝远程容器开发。不用在服务器上运行任何额外的软件,只需使用此扩展通过SSH连接到目标机器即可。这样,就可以方便地在远程环境中进行容器开发了。
图片
使用这个扩展开发人员可以更好地检查远程机器上的代码,或者在一个远程机器上拥有所有的开发工具并编辑代码。这意味着可以将笔记本电脑仅作为客户端,让所有的资源在另一台机器上执行。这样一来,就可以把和工作相关的代码与个人数据隔离开来。
需要注意的是,在远程机器上安装的插件不会自动安装在客户端机器上。这样做可以保持事情的井然有序,确保插件只存在于远程机器上。
图片
有的公司甚至向员工提供远程机器。这样做的好处是大大减少了配置开发环境所需的时间和成本。同时,公司还可以确保员工拥有能够满足产品开发需求的高性能机器。
4 Peacock
安装链接:https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
图片
如果需要经常在不同的项目之间切换吗,这个插件可以用来自定义每个项目,以便开发人员能够在当前工作的项目上得到一些视觉反馈。
图片
它有一些不错的预定义颜色,但也支持自己添加颜色。
5 Bracket Pair Colorizer 2
安装链接:https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
图片
这是个非常简单但十分有用的插件。此插件可以通过颜色来标识匹配的括号。用户可以定义要匹配的字符和要使用的颜色。
图片
6 Color Highlight
安装链接:https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
图片
另一个简单且有用的工具是Color Highlight。它会在文档中高亮显示找到的 CSS/Web 颜色。
图片
7 ESLint
安装链接:https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
图片
这是一个将 ESLint 集成到 VS Code 中的插件。需要安装 ESLint,并提供 .eslintrc 配置文件。
此插件有很多值得查看的配置选项。
8 Prettier
安装链接:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
图片
这是一个支持 Prettier 的扩展,Prettier 是一款强制统一代码格式的工具,会移除所有原始样式,并确保所有输出的代码符合一致的风格。
在大型项目中,这个工具绝对是必备的,这样可以保证代码库的强可读性。由于 Prettier 可高度配置,开发团队只需要在其配置上达成一致即可。
需要告诉 VS Code .prettierrc 配置文件的位置,或者将其放在根文件夹中。