• 技术文章 >开发工具 >VSCode

    分享13个实用VSCode插件,让你写代码不再头疼!!

    青灯夜游青灯夜游2021-04-08 19:58:22转载1065
    本篇文章分享13个实用VSCode插件,提高开发效率,让你写代码不再头疼。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    推荐学习:《vscode教程

    1. Codelf

    变量命名神器

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    2、View In Browser

    在浏览器里面预览正在编辑的html文件

    在这里插入图片描述

    在这里插入图片描述

    3、Color Highlight

    高亮显示样式颜色

    在这里插入图片描述

    在这里插入图片描述

    4、Bracket Pair Colorizer

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

    在这里插入图片描述

    在这里插入图片描述

    5、Highlight Matching Tag

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

    在这里插入图片描述

    在这里插入图片描述

    6、Path Intellisense

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

    在这里插入图片描述

    在这里插入图片描述

    推荐学习:《vscode教程

    7、Prettier - Code formatter

    格式化代码

    在这里插入图片描述

    在这里插入图片描述

    8、Auto Close Tag

    自动补全标签

    在这里插入图片描述

    9、Auto Rename Tag

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

    在这里插入图片描述

    10、HTML Snippets

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

    在这里插入图片描述

    11、HTML CSS Support

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

    在这里插入图片描述

    12、indent-rainbow

    带颜色的缩进

    在这里插入图片描述

    在这里插入图片描述

    13、change-case

    转换命名风格

    在这里插入图片描述

    在这里插入图片描述

    更多编程相关知识,请访问:编程视频!!

    以上就是分享13个实用VSCode插件,让你写代码不再头疼!!的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:csdn,如有侵犯,请联系admin@php.cn删除
    专题推荐:VSCode 插件
    上一篇:熟记这些VSCode快捷键,让开发效率“蹭蹭”提升! 下一篇:分享15个实用VSCode插件,快来收藏吧!
    大前端线上培训班

    相关文章推荐

    • vscode快捷方式添加到鼠标右键工具栏中• 浅谈vscode+xdebug进行PHP调试的方法• VSCode划水插件分享,一起愉快的划水摸鱼吧!• 整理在vscode中go编码发生的问题• 分享8个提升VScode开发效率的小技巧

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网