VSCode是这两年非常热门的一款IDE,它不仅有提升开发体验的界面、轻量化的编辑器,还有丰富而强大的插件,这些优秀的插件使得VSCode生态体系更加吸引人,让开发效率大大提升。本
VS代码是近两年非常流行的IDE。它不仅有一个增强开发体验的界面,一个轻量级的编辑器,还有丰富强大的插件。这些优秀的插件使得VS Code生态系统更具吸引力,大大提高了开发效率。本文介绍了10个高效的VS Code插件,总有一个能让你大吃一惊。
00-1010之前写过一篇关于VS code的文章:最后选择了VS Code!没想到在微信官方账号和知乎上受到了很多同学的喜欢,先后被几个微信官方账号转载。
看来VS Code现在确实是一个非常流行的开发工具,拥有强大的用户基础。因此,本文将介绍10个高效易用的插件,可以让原本单薄的VS Code更加强大,开发效率也会一下子提升到一个新的水平。
前言
1. CodeIf
安装次数:2万+
我对这句话也有同感。在开发项目时,命名对我来说总是一件痛苦的事情。我想我不是唯一有这种感觉的人。
然而,命名在开发过程中是一件非常重要的事情。例如,一个好的函数命名可以让你瞬间理解它实现的功能,从而节省很多时间去弄清楚一段代码到底是什么意思。
所以,每当我在开发过程中遇到要命名的变量、函数、类,我都要不停地开发,冥想半天。
然而,CodeIf的出现解决了这个问题。它搜索GitHub、Bitbucket、GitLab来查找使用过的变量的真实名称,为你提供一些常用词,并标明你使用的语言和代码链接。
你可以直接在网页上搜索要订购的单词。当然,它不仅有网页版,还支持VS Code、Atom、Sublime、WebStorm等开发工具。
在VS代码中,扩展-搜索“代码If”以完成安装。
使用时,只需选择变量名,然后右击CodeIf即可跳转到网页,显示候选名称。
00-1010 "在计算机科学中只有两件难事:缓存失效和命名。"修改代码后想检索历史代码怎么办?
使用Pycharm和IDEA时,可以直接查看本地历史代码,然后轻松还原一个以前的版本。但是VS Code默认不支持本地历史,所以单靠Ctrl z是不可能撤销操作的。除此之外,撤销操作是撤销前面步骤中的所有操作,其中很多我们并不需要。
然而,借助VS Code的本地历史,所有问题都可以解决。
安装此插件后,单词LOCAL HISTORY将出现在边栏中。每当我们保存更改时,它都会备份一个历史文件。当我们需要恢复以前的版本时,我们只需要点击相应的文件。此外,它还会在编辑框中显示比较细节,可以让你一目了然修改的位置。
2. local history
10-1010文件比较是一个常见且实用的功能。例如,如果我们想看看代码在哪里被修改过,输出的日志信息有什么区别等等。用肉眼用文字来区分文字显然是难以忍受的。
说到文件比较,我首先想到的是Beyond Compare,这是一个很有用的工具。然而,许多人仅仅因为充电就被拒之门外。
幸运的是,在VS Code插件库中有一个神奇的插件叫做Partial Diff。选择一个代码,右键单击“选择文本进行比较”,选择代码的另一部分,然后右键单击“将文本与以前的选择进行比较”。
00-1010
安装次数:14万+
我在之前的很多文章中提到,习惯使用TODO和FIXME标签是一个非常好的习惯。
当我们发现某一段代码需要修改,或者将来某一段代码需要进一步完善的时候,如果我们能够标记出来,那么在后续定位相应的位置是非常容易和高效的。
关于TODO标签,很多作者都推荐了插件TODO Highlight,但是我更喜欢用TODO Tree。
尽管许多标记工具可以实现疯狂的待办事项标记,但问题是,“我们如何快速定位
对应的标签?”逐个的打开文件去寻找显然是很麻烦的,效率并没有得到太大的提升。
TODO Tree则不同,它不仅可以实现标签疯狂的花卷,还可以在活动栏添加一个选项卡,它能够以不同视图展示我们标记的位置,单击对应标签就能够快速定位到指定位置。
5. vscode-icons
安装次数:466万+
一个好的编辑界面能够让开发过程心情舒畅,甚至可以提升开发效率。
显然,VS Code默认的图标是达不到这种程度的。
但是,配合vscode-icons这款插件就不同了,它具有以下特性,
•自定义图标•自动检测项目•自定义配置
它不仅能够给文件夹、文件添加上舒适的图标,而且可以自动检测项目,根据项目不同功能配上不同图标,例如,git、Markdown、配置项、工具类等等。
6. Better Comments
安装次数:66万+
是不是觉得注释信息千篇一律?
Better Comments这款插件可以让VS Code注释信息更加人性化。
它可以根据告警、查询、TODO、疯狂的花卷等标记对注释进行不同的展示。此外,还可以对注释掉的代码进行样式设置。另外,你想要的任何其他注释样式都可以在设置中指定。
7. Bracket Pair Colorizer
安装次数:250万+
cmdxh看到上述示例中这样包含多层嵌套的括号时,是不是觉得很凌乱?
至少,我是这样的。
每当看到这样复杂嵌套括号时,尤其代码行数多起来以后,就很难确定哪些是处于同一层次的。不弄明白层次结构,当然阅读代码也会麻烦很多。
Bracket Pair Colorizer这款插件可以给、、{}这些常用括号显示不同颜色,当点击对应括号时能够用线段直接链接到一起,让层次结构一目了然。除此之外,它还支持用户自定义符号。
这款神器彻底解决了我我在开发中的痛点。
8. Better Align
安装次数:10万+
整洁的代码,是一个优秀程序员必须要做到的。当我们阅读那些大型公司开源的代码时,会发现,它的设计模式、它的编程规范都让人赞叹不已。
Better Align就是这样一款能够实现代码规范的工具,它主要用于代码的上下对齐。
它能够用冒号(:)、赋值(=,+=,-=,*=,/=)和箭头(=>)对齐代码。
使用方法:Ctrl+Shift+p输入“Align”确认即可。
9. change-case
安装次数:24万+
标识符和命名规则是学习一门语言最基本,也是必须要了解的一项。
不同语言对变量名、函数名、类名的命名要求不同,有的是驼峰、有的是下划线...但是,不管是什么要求,都有一个共性--命名很重要。
有些编程语言甚至对命名严格到如果不按规范要求,执行时会直接报错。
而change-case就是一款快速修改当前选定内容或当前单词的命名的插件。
使用方法:Ctrl+Shift+p输入“change”然后选择要修改的格式即可。
10. Markdown All in One
安装次数:119万+
Markdown对于开发者而言,应该是一种常用的文档书写方式,虽然我在独立Markdown文档书写时习惯于使用Typora,但是对于开发过程中涉及到的API接口文档、README,我还是习惯于使用VS Code。
Markdown All in One这款插件可以实现媲美Typora的Markdown编辑体验,它具备如下特性,
•丰富的快捷键•TOC标签•数学公式•自动完成•列表编辑•输出HTML同时转PDF•Github风格文档•......
这款插件真正做到了All in One。
快三大小单双稳赚买法ts这款插件可以让VS Code注释信息更加人性化。
它可以根据告警、查询、TODO、疯狂的花卷等标记对注释进行不同的展示。此外,还可以对注释掉的代码进行样式设置。另外,你想要的任何其他注释样式都可以在设置中指定。
7. Bracket Pair Colorizer
安装次数:250万+
cmdxh看到上述示例中这样包含多层嵌套的括号时,是不是觉得很凌乱?
至少,我是这样的。
每当看到这样复杂嵌套括号时,尤其代码行数多起来以后,就很难确定哪些是处于同一层次的。不弄明白层次结构,当然阅读代码也会麻烦很多。
Bracket Pair Colorizer这款插件可以给、、{}这些常用括号显示不同颜色,当点击对应括号时能够用线段直接链接到一起,让层次结构一目了然。除此之外,它还支持用户自定义符号。
这款神器彻底解决了我我在开发中的痛点。
8. Better Align
安装次数:10万+
整洁的代码,是一个优秀程序员必须要做到的。当我们阅读那些大型公司开源的代码时,会发现,它的设计模式、它的编程规范都让人赞叹不已。
Better Align就是这样一款能够实现代码规范的工具,它主要用于代码的上下对齐。
它能够用冒号(:)、赋值(=,+=,-=,*=,/=)和箭头(=>)对齐代码。
使用方法:Ctrl+Shift+p输入“Align”确认即可。
9. change-case
安装次数:24万+
标识符和命名规则是学习一门语言最基本,也是必须要了解的一项。
不同语言对变量名、函数名、类名的命名要求不同,有的是驼峰、有的是下划线...但是,不管是什么要求,都有一个共性--命名很重要。
有些编程语言甚至对命名严格到如果不按规范要求,执行时会直接报错。
而change-case就是一款快速修改当前选定内容或当前单词的命名的插件。
使用方法:Ctrl+Shift+p输入“change”然后选择要修改的格式即可。
10. Markdown All in One
安装次数:119万+
Markdown对于开发者而言,应该是一种常用的文档书写方式,虽然我在独立Markdown文档书写时习惯于使用Typora,但是对于开发过程中涉及到的API接口文档、README,我还是习惯于使用VS Code。
Markdown All in One这款插件可以实现媲美Typora的Markdown编辑体验,它具备如下特性,
•丰富的快捷键•TOC标签•数学公式•自动完成•列表编辑•输出HTML同时转PDF•Github风格文档•......
这款插件真正做到了All in One。