vscode 上我常用的优秀插件


7/7/2018 vscode glugins

image.png

vscode 作为一款优秀的编辑器,自从用上之后就一直觉得体验不错,尤其觉得写 javascript 很合适。

其插件库尤其丰富,下文说说我在用了近一年的时间里常用的一些插件。

1. prettier

很多时候我们自己手敲的代码并不美观,可能代码不对齐,也可能前后代码风格不一致,尤其是从别处复制过来的大段代码会错乱不堪,手动校核是一件苦差事无疑。

prettier 可以一键帮助我们格式化代码,包括 JavaScript / TypeScript / CSS。

2. beautify

beautify 也是一款格式化插件,可以美化 javascript, JSON, CSS, Sass, and HTML。不过,我一般更喜欢 prettier 的风格,所以我一般会用它来美化 html。

3. Bracket Pair Colorizer

常见的代码中会有大量的括号,包括 (), [], and {} ,默认代码中括号的颜色都是一样的,这样很难在有括号语法错误的时候去辨认到底哪里出错。

Bracket Pair Colorizer 就是一款帮助我们识别匹配括号的插件,如下图:匹配的的括号会是同一种颜色,不同匹配的括号显示不同的颜色。

image.png

4. gitlens

一般,我们使用 git 来管理源代码,每个人负责写不同的模块,彼此不交叉。但有时候我们也会修改共用的文件,如果出错,我们很难定位到底是谁搞乱了代码。

gitlens 安装之后,我们只要把鼠标停留在代码上,就会出现一行灰色的文字,提示我们此文件最近的修改人是谁,什么时候修改的文件。

image.png

除此之外,gitlens 还能提示我们目前的修改状态,历史数据,本地分支以及远程分支等。

image.png

5. todo highlight

我们写代码的时候,有时候会做个标记,来提示自己某个地方还有一些未完成的工作,如果只是写个注释并不太明显。

todo highlight 可以帮助我们做个明显的标记,很是方便。

image.png

6. wakatime

每天在编辑器下开发,有没有算过每天用了多少时间跟代码待在一起?每个项目又用了多少时间开发?

wakatime 可以帮助我们记录每一个项目下所用的时间,绑定账号后每周会给你发一份邮件,提示你在不同的编辑器、项目和操作系统下花了多长时间。

Last Updated: 12/27/2019, 7:26:42 AM