vscode插件汇总

记录一下所用的插件

1. auto close tag

  自动关闭标签，在开始标记的结束括号中键入后，将自动插入结束标记

2. Auto Comment Blocks

  自动插入注释行

3. Auto Rename Tag

  自动重命名配对的HTML / XML标记

4. Auto Complete Tag

  结合了自动关闭标签与同时修改同步标签

5. Beautify

  美化代码[参考资料](https://links.jianshu.com/go?to=%255Bhttps%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3DHookyQR.beautify%255D%28https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3DHookyQR.beautify%29)

6. Code Runner

  可以直接运行多种语言的代码片段和文件

7. Code Spell Checker

  代码拼写检查工具

8. Drat

  支持 Dart编程语言，并提供有效编辑，重构，运行和重新加载Flutter 移动应用程序和AngularDartWeb应用程序的工具。

9. Debugger for Chrome

  从VS Code调试在Google Chrome中运行的JavaScript代码。

10. EditorConfig for VS Code

  EditorConfig帮助开发人员定义和维护一致的编码风格在不同的编辑器和IDE。
  EditorConfig项目包含一个文件格式定义编码风格和文本编辑器插件的集合。
  EditorConfig文件易于阅读并且他们与版本控制器很好地合作。

11. ESLint

  代码检查工具

12. filesize

  实时查看当前文件的大小

13. Flutter

  Flutter移动应用程序的支持，以及对Dart编程语言的支持。

14. Git History

  查看git历史与log，搜索等（包括git log）

15. GitLens — Git supercharged

  GitLens只是帮助您更好地理解代码。快速浏览一下，为什么以及何时更改了行或代码块。跳过历史记录，以获得有关代码演变的方式和原因的进一步见解

16. IntelliSense for CSS class names in HTML

   CSS 类名智能提示，可以在html与css中进行智能提示

17. HTMLHint

  HTML 静态检查规则

18. Image preview

  在左侧可以预览图片和悬停中显示图片

19. Import Cost

  在VS代码编辑器中导入的程序包的大小

20. JavaScript (ES6) code snippets

  ES6的代码片段

21. JavaScript Snippet Pack

  JS代码片段补全

22. language-stylus

  Stylus文件添加语法高亮

23. stylelint

  格式化css代码

配置参考https://stylelint.io/user-guide/configuration/

24. minapp

  微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

25. Node.js Modules Intellisense

  在import语句中自动完成Node.js模块

26. Open in Browser

  在vscode中打开浏览器访问

27. Path Intellisense

  自动路径补全

28. Prettier - Code formatter

  格式化代码

29. Pug (Jade) snippets

  pug语法提示

30. Scss

  缩进Sass语法高亮

31. TypeScript Importer

  自动搜索工作空间文件中的TypeScript定义，并将所有已知符号作为完成项提供，以允许代码完成。

32. Vetur

  代码格式化

33. vscode-element-helper

  用element的就知道它的好，支持element代码自动补全

34. vscode-icons

  在vscode显示文件图标

35. vue 2 Snippets

  vue 代码提示

36. Vue/Vuex TypeScript Snippets

  支持typescript的代码提示与生成片段

37. VueHelper

  vue 代码提示

作者：shmaur
链接：https://www.jianshu.com/p/fc4dcb2043f6
来源：
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。