VS code常用插件安装【持续更新】

Auto Close Tag

自动添加HTML/XML关闭标签。例如，在输入<div>时，输入完最后一个尖括号>时，会自动添加对应的闭合标签</div>

Auto Rename Tag

自动重命名成对的HTML/XML标记。例如，在将<div></div>标签重命名为<span></span>标签时，只需要修改第一个div标签的名称为span,后面的div也会自动跟着改成span。

Color Highlight

高亮显示在代码中使用的颜色值。

open in browser

右击html文件时，可在选项中单击“Open In Default Brwoser”,即用默认浏览器打开。

vscode-icons

VS Code打开项目后，会根据项目中的文件类型显示该文件对应的图标。

Bracket Pair Colorizer（内置了）

用于高亮代码块中相互匹配的括号

Live Server

右击html文件时，可在选项中单击“Open Width Live Server” 启动本地开发服务器，专为静态和动态页面提供实时加载功能。

vetur(vue2语法高亮)

Vetur插件适用于vue2版本，为.vue文件提供高亮语法等。

Volar(vue3语法高亮)(已弃用)

Volar插件适用于vue3版本，为.vue文件提供高亮语法等。

Vue - Official(vue3语法高亮)

Vue - Official插件适用于vue3版本，为.vue文件提供高亮语法等。