不可错过的VScode插件（一）

Material Theme

经典的主题 Visual Studio Code 最悠久的主题！

Brackets Light Pro

一款经典的浅色皮肤

Beautify

HTML,CSS,SCSS,JS格式化

Open-In-Browser

右键或者alt + b 在浏览器中预览文件

IntelliSense for CSS class names in HTML

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

lit-html

在 JavaScript/TypeScript 的文件中，如果有使用到 HTML 标记，lit-html 提供语法高亮和相应的补全支持。 

HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式 新版已经支持scss文件检索

 

vscode-icons

文件图标 实现对各种文件类型的文件前的图标进行优化显示

 

 

Auto Close Tag

自动添加HTML / XML关闭标签

Auto Rename Tag

自动重命名配对的HTML / XML标签

HTMLHint

HTML 代码格式检测

HTML Snippets

代码自动填充

Image Preview

鼠标移到路径里显示图像预览

Indenticator

突出目前的缩进深度

Live Server

浏览器实时刷新

Path Intellisense

路径自动补全

CSS Peek

使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。

HTML Boilerplate

通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。

Color Info

这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。

Chinese Lorem Ipsum

生成一段20个或者200字的中文字符

Lorem Whatever

生成一段 英文字符

内容持续更新中...

---