天天看点

vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

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

VScode编辑器常用插件

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

vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

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

1.Auto Rename Tag

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

h1

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

2.Bracket Pair Colorizer2

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

vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言
vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

3.Browser Preview

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

4.indent-ranbow

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

vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

5.chinese

也就是下面这个

vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

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

6.Prettier

也就是下面这个

vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

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

vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言
vetur插件_VScode编辑器常用插件h1代码一键运行,支持超过Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等40种语言

这样当我们编辑完代码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的选项,就会自动打开浏览器了。

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

继续阅读