VS Code【插件与主题】推荐

---

插件

Auto Close Tag

自动添加HTML/XML关闭标记，与Visual Studio IDE或sublime text相同

Auto Rename Tag

自动重命名成对的HTML/XML标记

Babel ES6/ES7

添加JS Babel ES6/ES7语法着色

background

一个车万，两个车万，三个车万

Beautify

个人认为最好用的前端代码格式化插件

Better Align

Align code without selecting them first.

Better Comments

通过使用警报、信息、待办事项等注释来改进代码注释！

Bookmarks

一个非常好用的书签工具

Bracket Pair Colorizer 和 Bracket Pair Colorizer 2

括号分层色彩高亮

Class autocomplete for HTML

HTML class=“”属性的智能自动补全

Code Runner

代码运行的万能工具

Color Highlight

十六进制颜色高亮

Color Info

提供有关css颜色的快速信息

Color Picker

使用GUI生成颜色代码（如CSS颜色符号）的助手

CSS Peek

允许查看css ID和类字符串作为从html文件到相应css的定义。允许查看和转到定义

css-auto-prefix

自动引用CSS中的某些属性

ESLint

将ESLint JavaScript集成到VS代码中

filesize

在编辑器左下方显示一个当前打开的文件大小，非常迷你的一个插件

Guides

给缩进提供更多的对齐线

Highlight Matching Tag

突出显示匹配的结束标记和开始标记

HTML CSS Support

用于HTML的CSS智能感知

HTML Snippets

完整的HTML标记，包括HTML5片段

HTMLHint

VS HTMLHint代码集成-HTML静态代码分析工具

Image preview

将鼠标移至路径，预览图片

indent-rainbow

一个非常漂亮的代码缩进显示插件，以不同颜色分隔每个缩进

Indenticator

高亮显示每个缩进

IntelliSense for CSS class names in HTML

基于工作区中的定义完成HTML类属性的CSS类名

JavaScript (ES6) code snippets

ES6语法的JavaScript代码段

Markdown Preview Enhanced

Markdown文档预览

open in browser

将当前编辑的文件在浏览器中打开

Output Colorizer

日志文件的语法突出显示

Partial Diff

比较文件内、文件间或剪贴板上的（差异）文本选择

Path Autocomplete

路径自动补全

Path Intellisense

路径自动补全

Prettier - Code formatter

一个代码格式化插件

Regex Previewer

实时预览正则表达式的匹配结果

Stylelint

VSCode的官方Stylelint扩展

VS Code CSS Comments

VSCode CSS注释片段

Windows opacity

一个能让你的窗口变得透明的插件（仅限Windows系统）

主题

- - - - - - - - - - 猛男专区 - - - - - - - - - -

AS Roma Theme

一个非常好看的主题，黑色主题基于AS罗马黑色第二套件

Dracula Theme

德古拉主题

Level Up Tutorials Theme Official

力推，一个非常酷的主题

- - - - - - - - - - 少女专区 - - - - - - - - - -

Light Pink Theme - 亮色主题

一个粉粉的亮色主题，非常可爱

cozypink - 亮色主题

一个粉粉的亮色主题，比上面那个饱和度更高一点

Cute Pink Light Theme - 亮色主题

也是粉色为主的亮色主题，但略显冷酷

Huacat Pink Theme - 亮色主题

一个很可爱的粉色调亮色主题，铺满全屏

Lunar Pink Theme - 暗色主题

一个略带紫罗兰感的粉色暗调主题

Mr Pink - 暗色主题

有一种冷酷感觉的粉色暗调主题

Night Pink - 暗色主题

像是黄昏了，一对情侣在海边亲吻

Palepink theme - 亮色主题

也是一款粉色的亮色主题，有种小猪佩奇的感觉

Pink as Fox - 暗色主题

粉狐狸，挺可爱的，有三个预设，图中是第三个预设

Pink as Heck - 暗色主题

夕阳黄昏，一位女士优雅的拿着高脚杯坐在阳台品尝红酒

Pink Lemonade - 亮色主题

充满活力的少女粉，整体色调偏红

Pink-Cat-Boo Theme - 暗色主题

一种冷酷大姐姐的感觉

PinkBlue Theme - 暗色主题

同样是三个预设，图中为第一个预设

pinkmare - 暗色主题

这一个我确实不知道怎么描述了，直接看图

PinkyBoo Theme - 亮色主题

非常干净的一个粉色主题

robotlights-pink - 暗色主题

有一种冷血又浪漫的感觉

TruePink - 亮色主题

名字取的很有意思，整体非常简洁