Dracula Official

喜欢的主题；稍微有点粉色

Auto Import

自动去查找、分析、然后提供代码补全。

Indent-Rainbow

颜色区分括号之间

IntelliSense for CSS class names in HTML

基于你的项目以及通过link标签引用的外部文件，该智能插件提供 HTML 中 CSS class 名字的补全。

SVG Viewer

一个用来预览 SVG 的插件。

Bracket Pair Colorizer2

Trailing Spaces

高亮那些冗余的空格，可以快速删掉。

 

Turbo Console.log()

快捷键 console.log()

使用：1、选中要打印的东西（变量）2、按下快捷键：ctrl+alt+L

shift+alt+u  取消注释

shift+alt+c  注释

shift+alt+d  删除所有console

Live Server

一旦安装 Live Server 后，在 html 文件上右键单击，可看到选项 Open with Live Server[Alt + L + Q]。

或，同样可以启动vue项目的dist

Color Highlight

 

Auto Complete Tag

结合自动关闭标签和自动重命名标签的功能

Debugger for Chrome

编辑器中 启动：F5

生成文件：

启动时：

错误1：Error processing "launch": Error: 找不到 Chrome ，检查路径

错误2：无法连接到运行中的进程，将在10000毫秒后超时 - （原因：无法连接到目标：connect ECONNREFUSED 127.0.0.1:9229）

因为chrome启动或有其他服务存在，所以无法挂载到chrome进程，关闭谷歌浏览器，再启动

插件详解看：https://blog.csdn.net/xdcx950288/article/details/80640918

vue开发调试使用Debugger for Chrome： https://cn.vuejs.org/v2/cookbook/debugging-in-vscode.html