首页 > 文章 > 开发工具 > 提高开发效率的实用VSCode插件推荐

提高开发效率的实用VSCode插件推荐

青灯夜游转载: 2020-08-24 13:38:263029浏览

本篇文章给大家推荐一些实用的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

转换命名风格

在这里插入图片描述

在这里插入图片描述

推荐：vscode基础教程

以上是提高开发效率的实用VSCode插件推荐的详细内容。更多信息请关注PHP中文网其他相关文章！

css html auto class vscode

声明：

本文转载于：csdn.net。如有侵权，请联系admin@php.cn删除

上一篇：vscode怎么改变语言类型？下一篇：8个好用的VSCode扩展工具，让你编码嗨到翻！

相关文章

查看更多