请不要再下载这些vscode插件了

·  阅读 41263

vscode好多插件都已经内置了,但是还是有很多憨批不知道,还在傻傻的推荐这些插件来坑萌新。

  1. Auto Rename Tag

image.png

这个插件是在写html标签的时候可以重命名标签名的,但是现在vscode已经内置了,就不需要再下载这个插件了。只不过默认是关闭的,需要开启。

点击设置,搜索link,把这个勾选上,就可以左右重命名标签了。

在html中是支持的,而vue中则是要安装volar,vetur是不行的。volar可以配置vue2的。并且jsx也是不支持的,图方便的话,还是保留着把。

image.png

  1. Auto Close Tag

image.png 这个插件是用来自动闭合html标签的,但是目前vscode已经内置了这个自动闭合标签的功能了,就不需要再下载了,默认是开启的。

  1. Bracket Pair Colorizer

image.png

这个标签是用来显示多个彩色括号的,但是目前vscode也内置了,所以也不用再下载了,默认是开启的。

如果没有开启,点击设置,搜索Bracket Pair,并勾选上。

image.png

  1. Guides

image.png

这个插件是用来显示代码层级的,但是vscode也已经内置了,默认是关闭的,在上面的配置中,把是否启用括号对指南改成true即可。

  1. CSS Peek

image.png 这个插件只是用于查找html的外部css样式,对于vue、react等文件是不起作用的,并且目前处于失效中。

6.HTML Snippets

image.png

早期作为html的提示插件,现在vscode也内置了html提示,该插件就不再维护。

  1. Beautify

image.png

实际上现在的格式化都是用prettier了,但是还是看到有人在混着用,就提一下。

  1. Vetur

image.png

本来是vue2的代码提示的,但是自从vue3出了,这个插件就不能很好的支持vue3。还想继续开发vue2的话,Vue Language Features (Volar)也是可以配置的,不过Vue Language Features (Volar)的缺点就是太慢了。

未提到的,欢迎大家补充。

收藏成功!
已添加到「」, 点击更改