目录
插件Auto Close TagAuto Rename TagBabel ES6/ES7backgroundBeautifyBetter AlignBetter CommentsBookmarksBracket Pair Colorizer 和 Bracket Pair Colorizer 2Class autocomplete for HTMLCode RunnerColor HighlightColor InfoColor PickerCSS Peekcss-auto-prefixESLintfilesizeGuidesHighlight Matching TagHTML CSS SupportHTML SnippetsHTMLHintImage previewindent-rainbowIndenticatorIntelliSense for CSS class names in HTMLJavaScript (ES6) code snippetsMarkdown Preview Enhancedopen in browserOutput ColorizerPartial DiffPath AutocompletePath IntellisensePrettier - Code formatterRegex PreviewerStylelintVS Code CSS CommentsWindows opacity主题- - - - - - - - - - 猛男专区 - - - - - - - - - -
AS Roma ThemeDracula ThemeLevel 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
一个非常好看的主题,黑色主题基于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 - 亮色主题
名字取的很有意思,整体非常简洁
如果觉得《VS Code【插件与主题】推荐》对你有帮助,请点赞、收藏,并留下你的观点哦!