实用的vscode插件推荐

2,733 阅读2分钟
原文链接: www.toutiao.com

大家都知道宇宙最前IDE非微软的Microsoft Visual Studio莫属,而以前微软故步自封闭源,现如今处处都在开源,特别是推出了跨平台的Visual Studio Code编辑器,确实这个编辑器一推出就受到欢迎,主要是借助于Microsoft Visual Studio的光环,不过在我使用过后觉得也确实是非常好用的一个编辑器。今天给大家推荐几个我自己常用的vscode插件给大家。

一、Auto Close Tag

自动关闭html/xml的标签,这样就不用每次去写关闭的标签了,特别是标签嵌套比较多得时候这个插件真的是极大的节约了时间,使用方法也很简单不需要任何按键,只需要写开始标签就可以了,当前写完开始标签的右>时就给自动生成了关闭标签,使用如下:

实用的vscode插件推荐

当然啦,vscode自带了emmet这个插件所以基本上我们是没有机会写这样的标签了。

二、Auto Rename Tag

自动重命名标签,这个插件在修改某一个标签时会自动匹配结束标签修改为相应的结束标签,使用如下:

实用的vscode插件推荐

三、AutoFileName

自动加载文件名,有时候我们在写一些相对路径时,不知道路径和文件名对不对所以不得不打开看看,这样浪费了时间,有了这个插件就不需要了。使用如下:

实用的vscode插件推荐

四、Bracket Pair Colorizer

这个插件的功能就是将你选中的大括号中括号或者小括号匹配结尾括号并且用颜色和线条来区分,使用如下:

实用的vscode插件推荐

上面的颜色是我修改为适合自己的主题了,原本的颜色有三种一种括号一种颜色,看起来有点不习惯,所以自己修改为适合主题的颜色了。

五、Document This

自动生成js文档注释,只需要按下两次Ctrl+Alt+D 组合键就可以了,使用如下:

实用的vscode插件推荐

六、Filesize

显示当前文件的大小,会将大小显示在编辑器的左下角状态栏中,如下:

实用的vscode插件推荐

七、HTML Class Suggestions

Html文件中的class建议,使用如下:

实用的vscode插件推荐

八、Path Autocomplete

路径自动补齐,这个插件和autofilename配合使用时最好的了,使用如下:

实用的vscode插件推荐

九、Polacode

将代码片段生成图片用于传播,使用如下:

实用的vscode插件推荐

十、Prettier formatter

格式化js、ts、css文件,使用如下:

实用的vscode插件推荐

有两种方式,一是格式化全部,而是格式化选中部分

十一、VSCode Great Icons

显示文件图标,显示效果和支持文件图片如下:

实用的vscode插件推荐

十二、vscode-fileheader

给文件添加头信息,头信息可以在配置中自定义,效果如下:

实用的vscode插件推荐

如果大家有更好的推荐,请在下方评论。