VS Code【插件与主题】推荐
时间：2022-08-30 16:00:00
目录
- 插件
-
-
- Auto Close Tag
- Auto Rename Tag
- Babel ES6/ES7
- background
- Beautify
- Better Align
- Better Comments
- Bookmarks
- Bracket Pair Colorizer 和 Bracket Pair Colorizer 2
- Class autocomplete for HTML
- Code Runner
- Color Highlight
- Color Info
- Color Picker
- CSS Peek
- css-auto-prefix
- ESLint
- filesize
- Guides
- Highlight Matching Tag
- HTML CSS Support
- HTML Snippets
- HTMLHint
- Image preview
- indent-rainbow
- Indenticator
- IntelliSense for CSS class names in HTML
- JavaScript (ES6) code snippets
- Markdown Preview Enhanced
- open in browser
- Output Colorizer
- Partial Diff
- Path Autocomplete
- Path Intellisense
- Prettier - Code formatter
- Regex Previewer
- Stylelint
- VS Code CSS Comments
- Windows opacity
-
- 主题
-
- - - - - - - - - - 猛男专区 - - - - - - - - - -
-
- AS Roma Theme
- 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 - 亮色主题
插件
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
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 - 亮色主题
名字取的很有意思，整体非常简洁
