10款VS Code插件神器,超级实用
本文参考原文-http://bjbsair.com/2020-03-22/tech-info/1971.html
VS Code是这两年非常热门的一款IDE,它不仅有提升开发体验的界面、轻量化的编辑器,还有丰富而强大的插件,这些优秀的插件使得VS Code生态体系更加吸引人,让开发效率大大提升。本文来介绍5款高效的VS Code插件,总有一款能够惊艳到你。
前言
我此前写过一篇有关VS Code的文章:我最终还是选择了VS code!,没想到在公众号和知乎受到很多同学的喜欢,也被多个公众号先后转载。
看来,现在VS Code的确是一款非常热门、有强大用户基础的一款开发工具,因此,本文就来介绍5款高效、好用的插件,能够让原本单薄的VS Code如虎添翼,开发效率顿时提升到一个新的阶段。
1. CodeIf
安装次数:2万+
在计算机科学中只有两件难事:缓存失效和命名。
我对这句话深有同感,当开发项目时,命名一直都是一种让我痛苦的事情。我想,应该不止我一个人有这样的感觉。
可是,命名又是开发过程中一项非常重要的事情,例如,一个好的函数命名,能够让你瞬间明白它实现的功能,这样就节省了很大一部分时间琢磨一段代码到底是什么含义。
所以,每当开发过程中遇到要命名的变量、函数、类时我就不得不停下开发,苦思冥想半天。
但是,CodeIf的出现让这个问题迎刃而解,它通过搜索GitHub, Bitbucket, GitLab来找到真实的使用变量名,为你提供一些高频使用的词汇,同时为你标明使用的语言、代码链接。
可以直接在网页上搜索要命令的词汇,当然,它不仅有网页版,也支持VS Code, Atom, Sublime, WebStorm等开发工具。
在VS Code中,**Extensions->搜索“CodeIf”**即可完成安装。
使用时只需要选中变量名,然后右键选择CodeIf就可以跳转到网页,显示候选命名。
2. local history
安装次数:14万+
修改代码之后想找回历史代码怎么办?
在使用Pycharm、IDEA时可以直接查看本地历史代码,然后轻松恢复之前某个版本。但是,VS Code默认是不支持local history的,所以,仅凭Ctrl+z撤销操作时不行的。何况,撤销操作是把前面步骤所有的操作都撤销了,其中有很多是我们不需要的。
但是,为VS Code配合上local history,所有问问题就迎刃而解了。
安装这款插件之后在侧边栏会出现LOCAL HISTORY的字样,每当我们保存更改时,它都会备份一份历史文件,当我们需要恢复之前版本时,只需要点击一下对应的文件即可。此外,它还会在编辑框显示对比详情,能够让你对修改位置一目了然。
3. Partial Diff
安装次数:19万+
文件比较是一种即常用有实用的一项功能,例如,我们想查看哪里修改了代码、查看输出的日志信息有什么区别等等,如果用肉眼逐个词的去分辨,显然是无法承受的。
提起文件比较,我首先想到的就是Beyond Compare,这是一款好用的工具,但是,仅凭收费这一点就把很多人拒之门外了。
还好,VS Code插件库里有Partial Diff这款神奇的插件,选中一代码,右键Select Text for Compare,选中另外一部分代码,右键Compare Text with Previous Selection即可。
4. TODO Tree
安装次数:40万+
我在此前多篇文章中提到过,习惯使用TODO、FIXME标签是一个非常好的习惯。
当我们发现某块代码需要修改,或者某块代码需要以后进一步完善,如果能够给它做一个标记,那么后续定位到对应位置是一件非常轻松高效的事情。
关于TODO标签,很多作者都推荐过TODO Highlight这款插件,但是,我更加推荐使用TODO Tree。
虽然很多标签工具能够实现TODO标签高亮,但问题是“我们怎么快速定位到对应的标签?”逐个的打开文件去寻找显然是很麻烦的,效率并没有得到太大的提升。
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万
当你看到上述示例中这样包含多层嵌套的括号时,是不是觉得很凌乱?至少,我是这样的,每当看到这样复杂嵌套括号时,尤其代码行数多起来以后,就很难确定哪些是处于同一层次的。不弄明白层次结构,当然阅读代码也会麻烦很多。
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。
10款VS Code插件神器,超级实用相关推荐
- 10 款 VS Code 插件神器,第 7 款超级实用!
VS Code 是这两年非常热门的一款 IDE,它不仅有提升开发体验的界面.轻量化的编辑器,还有丰富而强大的插件,这些优秀的插件使得 VS Code 生态体系更加吸引人,让开发效率大大提升.本文来介绍 ...
- 10款WordPress头像插件
http://paranimage.com/10-wordpress-plugins-for-avatar/ 多试试:多试试-计算机技术与软件 10款WordPress头像插件 要让你的访客或留言者感 ...
- 打工人必备:这10款VS Code摸鱼神器还没安装?
现在使用VsCode编码的人越来越多,凭借着免费,开源,轻量,跨平台的特点收货了一大批忠实粉丝. 以其可支持扩展程序(通过安装扩展程序,VS Code 可以支持更多新的语言.界面主题.测试器,以及更多 ...
- 出炉了! 2021 年将火爆的 10款 VSCode 扩展插件
点击上方"菜鸟学Python",选择"星标"公众号 重磅干货,第一时间送达 本文转自Python编程时光 VisualStudio Code是开发者社区最流行的 ...
- cad统计多条线段总长度插件_超级实用CAD技巧应用汇总!技巧大全、插件合集、快捷键合集等...
超级实用CAD技巧应用汇总!技巧大全.插件合集.快捷键合集等 各位朋友,CAD福利来啦!超级实用CAD技巧应用汇总,千万不能错过!有技巧大全.插件合集.快捷键合集.字体大全.常用图库大全.常见问题及解 ...
- 哪款浏览器好用_超级实用!让你效率倍增的6款浏览器插件
要想优雅的使用Chrome,浏览器插件绝对是无法绕开的.浏览器插件具有轻量化.功能强.使用频繁等特点,让它具备无法替代的优势,文末提供下载方式. 本文就来介绍6款好用的浏览器插件,同时做到2点, 拒绝 ...
- 社区10款年度优秀插件框架盘点!
Cocos 社区年度插件框架 TOP 10 以下游戏资源排名不分先后,Cocos Store & Cocos微店 年终元旦限时优惠进行中...... 作者:Chuan--张川 介绍:一款节点树 ...
- html 动画接口,10款 Web 动画插件
今天给大家带来了十款web前端动画插件,大家收藏了记得给个小心心哦 1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛,特别是图片和首页文章的动态加载. 今天分享的 ...
- 【效率】程序员救星,又一 VS Code 插件神器面世!
不论工作还是学习,程序员经常需要查看和学习别人的源码,这样才能不断提升自己,让自己的代码更规范.更专业. 但是在程序员读源码的过程中一直存在一个让人头疼的问题,那就是看不懂英文单词.很多变量的命名方式 ...
最新文章
- 正则表达式 html链接,ASP超级链接和HTML函数正则表达式 修正版
- 普通一维数组、二维数组、字符串及其指针类型
- C# 如何判断某个 tcp 端口是否被占用?
- 前端学习(2547):数据代理
- 数学图形(1.33) 棕子曲线
- c++ 字符串连接_C语言字符串操作总结大全(超详细)
- Theano 中文文档 0.9 - 7.2.1 起手式 —— 代数
- 创业失败感悟第二十九天
- java 解析p12_java读取*.p12证书的信息 | 学步园
- python爬虫什么意思-终于知道python爬虫是什么意思
- 有关计算机学的心得体会,关于计算机学习心得体会大全
- PHP无损调整照片大小,怎么无损放大图片,批量修改图片大小而不失真,照片无损放大软件...
- 怎么安装服务器打印组件,Windows Server2012 配置打印服务器图文教程
- 推荐几个火狐浏览器插件
- 计算机桌面壁纸被锁定,Win10桌面壁纸被锁定无法修改咋办? win10官网
- 在东京生活的中国IT程序员
- hdu 4565(推公式、矩阵快速幂)
- UIImageView视图内容按比例缩小并淅淅隐去
- 遇见Laravel Migrations的migrate与rollback
- ThinkPHP导出百万条数据量
热门文章
- Admob广告收入怎么算的?
- Mysql——》查看数据库表结构
- MATLAB傅里叶级数分解极其图像
- html状态中的302代码含义,网站状态码301与302的作用与区别
- java.lang.IllegalArgumentException: View=DecorView not attached to window manager(Android Dialog崩溃)
- 前端速成-CSS | 04.li标签样式、标签的正常、悬停、触发状态样式
- 挣值管理(PV、EV、AC、SV、CV、SPI、CPI)
- linux 默认时区修改
- Linux的时区修改方法
- 线上bug检测工具 android,Android 测试中对于偶现且难以重现的 bug 的处理