[开发工具]VSCode常用插件

VSCode常用插件

1. aiXcoder Code Completer

AiXcoder 是一个强大的代码完成器和代码搜索引擎，基于最先进的深度学习技术。
它有可能为您推荐一整行代码，这将帮助您更快地编写代码。
AiXcoder 还提供了一个代码搜索引擎，可以帮助您在 GitHub 上搜索 API 用例。

2. Auto Close Tag

自动补全结束标签

3. Auto Rename Tag

重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签

4. Color Info

光标在颜色上悬停即可出现色彩模型

5. CSS Peek

在HTML文件中右键单击选择器可快速到指定的css样式
安装完成后打开HTML文件，按住CTRL键同时移到鼠标到要查看样式的类上就可以看到该类的定义了。
这个仅仅对html中引用外部样式(即单独css文件) 有用,对vue内部样式没有用

6. ENV

为.env文件添加格式和语法高亮支持

7. Excel Viewer

使VSCode可以预览excel文件

8. filesize

在底部状态栏显示当前文件的大小

9. GitLens

查看项目提交记录、文件修改记录等

10. Image preview

可以预览图片

11. indent-rainbow

高亮（每行代码之前的）缩进

12. Icon Fonts

对热门的字体图标提供代码提示

13. JavaScript(ES6) code snippets

js语法提示

14. HTML Boilerplate

在.html文件中输入html快速生成html文档结构

15. HTML CSS Support

css智能提示

16. HTML Snippets

是h5代码片段及提示

17. Live Server

本地服务器及热加载

18. One Dark Pro

主题

19. open in browser

使用默认浏览器打开当前文件

20. Path Intellisense

自动路径补全

21. Path Autocomplete

自动路径补全

22. Prettier - Code formatter

代码格式化

23. Project Manager

管理多个项目, 轻松切换

24. TODO Highlight

高亮 todo/fixme 标签

25. Vant Snippets

vant智能提示

26. Vetur

vue工具

27. vscode-icons

vscode图标

28. Vue 3 Snippets

vue3 和vue2 代码块 智能提示

29. vue-helper

vue增强

30. VueHelper

vue, vue-router, vuex 智能提示

31. Material Icon Theme

为文件和文件夹提供图标

32. Less IntelliSense

less 智能提示

33. SCSS IntelliSense

sass智能提示

34. Sass

语法高亮，自动提示功能

35. Regex Previewer

实时测试正则表达式的使用工具，它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。

36. vscode-faker

流行的js库，能快速插入用例数据。