史上最强的 VSCode 插件,提高开发效率!

技术是开源的、知识是共享的。
用知识改变命运,让我们的家人过上更好的生活。

1. Codelf

变量命名神器史上最强的 VSCode 插件,提高开发效率!_第1张图片
史上最强的 VSCode 插件,提高开发效率!_第2张图片
史上最强的 VSCode 插件,提高开发效率!_第3张图片

2、View In Browser

在浏览器里面预览正在编辑的html文件史上最强的 VSCode 插件,提高开发效率!_第4张图片
史上最强的 VSCode 插件,提高开发效率!_第5张图片

3、Color Highlight

高亮显示样式颜色史上最强的 VSCode 插件,提高开发效率!_第6张图片
史上最强的 VSCode 插件,提高开发效率!_第7张图片

4、Bracket Pair Colorizer

成对的彩色括号,让括号拥有独立的颜色,便于区分史上最强的 VSCode 插件,提高开发效率!_第8张图片
在这里插入图片描述

5、Highlight Matching Tag

高亮显示对应的HTML标签以及标识出对应的各种括号史上最强的 VSCode 插件,提高开发效率!_第9张图片
史上最强的 VSCode 插件,提高开发效率!_第10张图片

6、Path Intellisense

在编辑器中输入路径的时候,能自动补全
史上最强的 VSCode 插件,提高开发效率!_第11张图片

7、Prettier - Code formatter

格式化代码
史上最强的 VSCode 插件,提高开发效率!_第12张图片
史上最强的 VSCode 插件,提高开发效率!_第13张图片

8、Auto Close Tag

自动补全标签
史上最强的 VSCode 插件,提高开发效率!_第14张图片

9、Auto Rename Tag

自动重命名html标签,如修改p标签为a,将自动修改结尾标签p为a
史上最强的 VSCode 插件,提高开发效率!_第15张图片

10、HTML Snippets

智能提示HTML标签,以及标签的含义
史上最强的 VSCode 插件,提高开发效率!_第16张图片

11、HTML CSS Support

在HTML标签上写Class的时候能够智能提示当前所支持的样式史上最强的 VSCode 插件,提高开发效率!_第17张图片

12、indent-rainbow

带颜色的缩进
史上最强的 VSCode 插件,提高开发效率!_第18张图片
史上最强的 VSCode 插件,提高开发效率!_第19张图片

13、change-case

转换命名风格
史上最强的 VSCode 插件,提高开发效率!_第20张图片
史上最强的 VSCode 插件,提高开发效率!_第21张图片

你可能感兴趣的:(VSCode)