提升效率神器，这12款VS Code 插件还没安装？

VScode现在已经越来越完善。性能远超Atom和webstorm,你有什么理由不用它?

在这里，我会给你们推荐12款实用的插件，让你对 vscode 有更深刻的体会，渐渐地你就会知道它有多好用。

1.Code Runner

https://github.com/formulahendry/vscode-code-runner

作者：韩骏

代码一键运行，支持超过40种语言 。

时至今日，Code Runner已经有了超过400万的下载量，支持了 Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等超过40种的语言。

2.GitLens

GitLens不仅有助于Git操作，更是帮助用户阅读源码的利器。

VS Code 自带的 Git 在易用性和完整性之间取得了一个不错的平衡，大多数用户都能够使用它完成工作，但是依然有很多用户会觉得功能不够用。比如：

• 查看当前代码历史记录
• 无法检索某个 commit 中的代码改动
• 无法比较两个 commit 或者 branch，然后阅览代码改动......

GitLens弥补了这些缺陷，有助于提交我们开发和阅读的效率。

列举一些GitLens的常用功能：

1.历史视图。展示当前文件的历史变更记录。

2.行历史视图。展示当前所在行的历史变更记录。

3.查看鼠标所在行代码是谁在何时提交的，以及提交的comment。

3.VSCode Counter

统计你写了多少代码 ,分别是什么文件

安装插件后右键文件目录:

4.Atuo Rename Tag

修改 html 标签，自动帮你完成尾部闭合标签的同步修改。

5.Rainbow Fart

https://github.com/SaekiRaku/vscode-rainbow-fart

在 GitHub 发现了一个有趣的 VSCode 插件：Rainbow Fart。在你写代码的时候，可根据关键字播放接近代码含义的语音。

萌妹子语音在线吹彩虹屁陪你写代码！彩虹屁，真香！

已在GitHub 上开源了，遵循 MIT 协议。

6.Debugger for Chrome

让 vscode 映射 chrome 的 debug 功能，静态页面都可以用 vscode 来打断点调试，需要另外配置，有点麻烦。

7.vscode-fileheader

https://github.com/zhaopengme/vscode-fileheader 添加注释到文件头，并支持自动更新文件修改时间。

8.MySQL

https://github.com/formulahendry/vscode-mysql

vscode中的mysql管理工具。Docker扩展使从Visual Studio Code轻松构建，管理和部署容器化应用程序变得容易。它还提供了在容器内对Node.js，Python和.NET Core的一键式调试。

9.Docker

https://github.com/microsoft/vscode-docker

Docker扩展使从Visual Studio Code轻松构建，管理和部署容器化应用程序变得容易。它还提供了在容器内对Node.js，Python和.NET Core的一键式调试。

10.filesize

https://github.com/mkxml/vscode-filesize

在编辑器的状态栏中显示文件的大小。

11. WakaTime

可视化统计你的工作时长!

会有统计图表,你做了哪些项目,耗费了多少时间 ,分别用了些什么语言,占比多少等等.

12.Live Server

安装后在html文件中点击 go live ,或者右键!

即可运行热更新 代码, 无需手动刷新浏览器.

在没有使用webpack时有用。

如果你也有好的开源项目，欢迎推荐！

微信号联系：westbrook12000（ps：加好友请备注“开源”）

工作三年居然不会设计模式？这个网站你可能还不知道！

副业刚需，没有人能拒绝这个网站！