VSCode 插件推荐+图文介绍+简易使用教程

实用的VSCode插件，图文展示+简易使用教程。

ESLint

必备插件

自动+实时 纠错，及时发现代码语法问题，能够极大程度减少bug产生。

Chinese

中文简体语言包，为VSCode提供本地化界面

open in browser

提供Alt+B快捷键，使用默认浏览器打开当前编辑的.html文件

Vetur

Vue语法高亮+格式化+纠错，使用快捷键Shift+Alt+F格式化代码

Vue Language Features

Vue官方的语言功能扩展

CSS Peek

css语言定位功能。使用Ctrl+单击div内部的class或id名，快速定位到该名称的定义位置。

CSS Formatter

css语言格式化。

highlight

单词高亮。使用Shift+F8高亮当前选中的单词，高亮后不会消失，只能再次使用Shift+F8取消高亮，或使用Ctrl+Shift+F8取消所有高亮。下图为对div和class进行高亮。

Image preview

预览引入的图片。

px to rem & rpx & vw

自动计算px转换rem，默认基准为16px，可在设置中替换。

Better Comments

多样注释

HBuilderX push Light Theme

仿HBuilderX的护眼主题，应该是还原度最高的一个。Ctrl+K+T打开主题切换工具栏，可通过上下按键预览主题，回车选定该主题。

Todo Tree

注释定位，使用相应定位注释后，可再左侧工具栏快速定位该注释。