前端提升开发效率之 vsCode 真香插件

1. Codelf

变量命名神器

前端提升开发效率之 vsCode 真香插件_第1张图片

 

2.Color Highlight

高亮显示样式颜色

前端提升开发效率之 vsCode 真香插件_第2张图片

3.Bracket Pair Colorizer (超级推荐)

成对的彩色括号,让括号拥有独立的颜色,以便区分

前端提升开发效率之 vsCode 真香插件_第3张图片

 

4.Highlight Matching Tag

高亮显示对应的HTML标签以及标识出对应的各种括号

前端提升开发效率之 vsCode 真香插件_第4张图片

 

5.Path Intellisense ( 非常推荐 )

在编辑器中输入路径的时候,能自动补全

前端提升开发效率之 vsCode 真香插件_第5张图片

 用法:

前端提升开发效率之 vsCode 真香插件_第6张图片

6. Auto Close Tag

自动补全标签

前端提升开发效率之 vsCode 真香插件_第7张图片

7. Auto Rename Tag

自动重命名html标签,如修改p标签为a,将自动修改结尾标签p为a

 

前端提升开发效率之 vsCode 真香插件_第8张图片

 

8. HTML Snippets

智能提示HTML标签,以及标签的含义

前端提升开发效率之 vsCode 真香插件_第9张图片

 

9. HTML CSS Support

在HTML标签上写Class的时候能够智能提示当前所支持的样式

前端提升开发效率之 vsCode 真香插件_第10张图片

 

10. indent-rainbow

带颜色的锁进

前端提升开发效率之 vsCode 真香插件_第11张图片

 

PS:大家看了后觉得对自己有帮助可以三连留言,欢迎提出宝贵意见,也欢迎各位对相关技术有兴趣的开发者(由团队开发人员微信号x118422邀请)入群,在线解答讨论数据可视化、优化图表性能等方面的技术问题~ 

 

你可能感兴趣的:(vscode)