给在座各位“打工人”分享33款提高工作效率的vscode“实用插件”

基础通用插件

Chinese

vscode编辑器汉化包，安装后，在 locale.json 中添加 "locale": "zh-cn"，即可载入中文（简体）语言包。

Auto Rename Tag

自动重命名成对的HTML标记，修改开始标签，结束标签会同步修改

HTML Snippets 

HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了

Bracket Pair Colorizer

该插件可以为你把成对的括号做颜色区分，并且提供一根连接线。方便我们审阅代码结构。

通过修改配置文件，使得结构线高亮，食用更佳

"workbench.colorCustomizations": {
  "editorIndentGuide.activeBackground": "#00ffea"
},
复制代码

CSS Peek

css样式查看器，可快速查看我们的css样式，非常方便快捷

Npm Intellisense

可自动完成导入语句中的npm模块

open in browser

快速打开html文件到浏览器预览

vscode-icons

提供了非常漂亮的目录树图标主题

Auto Close Tag

自动闭合HTML/XML标签

Path Intellisense

自动提示文件路径，支持各种快速引入文件