vetur插件_VScode编辑器常用插件

点击上方蓝色字体，关注我们

VScode编辑器常用插件

工欲善其事，必先利其器!好的开发工具有利于我们开发速度，提高工作效率，我们知道VScode插件众多，我们需要任何插件只需要在应用商店搜索下载安装即可，如下图：

这里列举一下常用的有助于开发的插件:

1.Auto Rename Tag

这个插件用于快速自动修改，比如说代码是

h1

当我想把它变为h6时，只需要修改第一个开始标签h1为h6，尾标签会自动跟着修改成,当我们代码量很大时就能发现此插件很友好了，不用我们改了某个标签头还要自己去找其尾标签。

2.Bracket Pair Colorizer2

这个插件安装成功之后会让我们的代码变得有颜色，且其范围都是一一对应的，尤其我们在写js时很方便，当我们点击时还会有实线标出其范围。

3.Browser Preview

这个插件安装成功之后，我们在vscode编辑器左边写代码在VScode右边就能预览，这个尤其在一个屏幕时时候用。

4.indent-ranbow

这个插件让你的代码缩进时显示五颜六色的标记出来，在python开发时常用到此插件，如下图:

5.chinese

也就是下面这个

安装成功之后重启即可生效，这样我们默认的英文版的vscode就变成了中文版的了。

6.Prettier

也就是下面这个

安装了它之后，我们打开左下角设置里的设置，勾选保存时格式化。

这样当我们编辑完代码ctrl+s保存代码时就会自动帮我们格式化了，无需再手动格式化了。

7.预览打开html文件的插件

open-in-browser这个插件用于预览我们的html文件，Open In Default Browser这个插件在浏览器中快速打开html文件的VSCode扩展

8.Vetur插件

想要VScode编辑器识别vue文件需要安装vue插件--Vetur插件

9.Code Runner

代码一键运行，支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

10.Live Server

这个插件很有用，安装之后可以打开一个简单的本地服务器。而且还会自动更新。安装之后，打开项目文件夹，再在文件上点击右键就会出现一个Open with Live Server的选项，就会自动打开浏览器了。

欢迎各位小伙伴评论留言，推荐更多好用的插件。