
点击上方蓝色字体,关注我们
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的选项,就会自动打开浏览器了。
欢迎各位小伙伴评论留言,推荐更多好用的插件。