VSCode 前端常用开发插件--推荐

插件名	用处
Auto Close Tag	自动添加HTML/XML 闭合标签
Auto Rename Tag	自动同步重命名开始标签和闭合标签
Beautify	代码格式化工具
Bootstrap 3 Snippets	可快速生成 Boostrap3 代码片段
Bracket Pair Colorizer	根据不同缩进给括号上色
Browser Preview	内部浏览器，实现编辑器中的实时预览
Code Runner	运行局部JS代码，并在控制台输出结果
Color Info	关于颜色编码插件，可进行多种编码切换且可以通过鼠标进行颜色选择
Code Spell Checker	代码单词拼写检测工具
CSS Peek	可以在HTML文件中直接通过class或者id 跳转到对应的样式
Debuger for Chrome	基于谷歌浏览器的代码调试插件
ESLint	用于检查js语法
GitLens - Git supercharged	强大的 Git 插件，可以在代码中线上每条代码的修改历史
Git History	以图表的形式查看 git 日志，在代码处右键选择 Git: View File History查看当前文件GitLog,选择 Git: View Line History查看当前该行代码的GitLog
Image preview	代码中的图片预览插件，在图片引用的代码处，代码编辑器的左边之间显示图片
Indenticator	可以直观的突出当前的缩进深度
IntelliSense for CSS class names in HTML	当在HTML页面输入class时，关联的css样式表中的class会作为代码提示显示出来
Live Server	将静态页面跟浏览器实现同步刷新
jQuery Code Snippets	快速输入jquery 代码片段
npm	npm 依赖项提示工具
npm Intellisense	npm依赖包提示工具
open in browser	可以在VSCode中对HTML文件右键选择在浏览器打开
Path Intellisense	路径提示工具
Prettier - Code formatter	另一款代码格式化工具
Quokka.js	调试工具插件，能够根据你正在编写的js代码提供实时反馈
SVG Viewer	SVG 文件可视化工具
vscode-icons	个人比较喜欢的一款vscode图标
Vetur	官方推荐的 vue 开发插件，Vue 语法高亮显示, 语法错误检查, 代码自动补全
翻译(英汉词典)	离线查询词典，选中需要查询的单词，查询结果下状态栏中显示