vscode插件推荐2020_推荐一些提高开发效率 VSCode 的插件，必看

现在大部分做前端开发，基本都在使用 vscode 吧；这里推荐一下我常用的提高工作效率的插件。

编辑搜图

请点击输入图片描述

主题

1. Dracula Official

个人最喜欢的主题，应该是最好看的主题之一。

2. Eva Theme

里面包含黑色和白色主题，个人觉得白色主题感觉挺好看的；

3. GlassIt-VSC(毛玻璃透明效果)

可以上班看学习视频(偷笑)；

4. One Dark Pro

比较好看的主题。

代码片段

1. JavaScript (ES6) code snippets

主要是 ES6 的代码片段，很实用。

2. JavaScript Snippet Pack

ES5及以下的代码片段，实用。

3. jQuery Code Snippets

jQuery 代码片段

4. HTML Snippets

版本管理

1. Git History

以图表的形式查看git日志；使用 command+shift+p(Ctrl+shift+p) 输入git log就可以看到了

2. Git Lens

git 日志插件；

语法校验

1. stylelint

一个 css 代码规范比内置的要全，更智能；

2. ESLint

EsLint 可以帮助我们检查 Javascript 编程时的语法错误。比如：在 Javascript 应用中，你很难找到你漏泄的变量或者方法。EsLint 能够帮助我们分析 JS 代码，找到bug 并确保一定程度的 JS 语法书写的正确性。

3. markdownlint

markdown 语法检查；

4. TSLint

检查typescript编程时的语法错误语法；

5. htmlhint

Vue 相关

1. vetur

语法高亮、智能感知；

2. vue-peek

转到定义,这个插件就是让 vue 也支持这个功能,实用!

3. Vue VSCode Snippets

vue 代码片段；

4. Vue TypeScript Snippets

vue的 typescript 代码片段

React 相关

1. React-Native/React/Redux snippets for es6/es7

React 的代码片段，下载量超多。

其他工具

1. Prettier

格式化JavaScript / TypeScript / CSS 。

2. Import Cost

当使用 import 一个库的时候,可以计算改引入模块的大小；