首页 > 其他分享> 文章详细

vsCode 常用插件

2020-05-12 11:57:45 阅读：338 来源： 互联网

标签：插件 Code 补全 vsCode 代码常用 vscode 自动 EditorConfig

记录一下所用的插件

1. auto close tag

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

2. Auto Comment Blocks

自动插入注释行

3. Auto Rename Tag

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

4. Auto Complete Tag

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

5. Beautify

美化代码参考资料

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