超好用的VsCode插件

1.自动补全标签插件

Auto Close Tag

2.汉化

Chinese

3.Git

GitLens — Git supercharged

4.自动高亮显示结束括号/标签

Highlight Matching Tag

5.编译器中显示图片

Image preview

6.使用四种颜色交替显示缩进

indent-rainbow

7.html文件运行到浏览器

Live Server

8.显示文件夹层次

Material Icon Theme

9.主题

One Monokai Theme

10.统计代码量

Time Master

11.Vue代码高亮显示

Vetur

12.适配 Vue3 Api 的 snippets 插件

vue3-snippets-for-vscode

13.自动提示文件名和文件路径

Path Autocomplete

14.画图工具

Draw.io Integration

15.自动同步修改双标签

Auto Rename Tag

16.可以根据不同种类的注释，显示不同的颜色

Better Comments

17.括号对颜色

Bracket Pair Colorizer 2（内置于vscode，搜索后设置）

18.css中颜色

Peacock

19.正则表达式

Regex Previewer

20.运行js代码

Code Runner

21.支持样式与编译器

Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro

22.代码中颜色代码显示颜色

colorize

配置：setting.json

  "colorize.colorized_colors": ["BROWSERS_COLORS", "HEXA", "RGB", "HSL"],
  "colorize.languages": [
    "css",
    "sass",
    "scss",
    "less",
    "postcss",
    "sss",
    "stylus",
    "xml",
    "svg",
    "html",
    "javascript",
    "vue"
  ],
  "colorize.decoration_type": "underline"

23.敲代码火焰特效

Power Mode

配置：https://xiaoxiaoyang.top/blog-detail/1.html

24.代码截图

CodeSnap

25.路径跳转

Vue Peek