网站建设资讯

NEWS

网站建设资讯

分享5款vscode插件帮你提高开发效率

这篇文章主要介绍分享5款vscode插件帮你提高开发效率,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联专注于企业成都全网营销、网站重做改版、都江堰网站定制设计、自适应品牌网站建设、H5网站设计商城网站制作、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为都江堰等各大城市提供网站开发制作服务。

一、koroFileHeader

先来一个镇场子的!

一键生成佛祖保佑!!!

下载koroFileHeader插件

分享5款vscode插件帮你提高开发效率

安装之后,新建一个文件

分享5款vscode插件帮你提高开发效率

这时候会自动生成一个模板,显示作者的相关信息,当然,这个模板是可以自定义的,先上重头戏,然后再说怎么自定义!

codeDesign

按下快捷键,ctrl+shift+p 输入codeDesign分享5款vscode插件帮你提高开发效率

下面喜欢哪一个点击即可使用!

比如佛祖模板

分享5款vscode插件帮你提高开发效率

分享5款vscode插件帮你提高开发效率

哈哈,是不是还是挺有意思的!

下面的我就不再展示啦,可以自己去试一下!

自定义作者模板

分享5款vscode插件帮你提高开发效率
点击进行配置
分享5款vscode插件帮你提高开发效率
在最后面加上这些即可,不需要更改的只需要写“Do not edit”就不会改变啦!

注释

简单的写一个函数,然后ctrl+alt+t,就会出现如图所示的注释啦!
分享5款vscode插件帮你提高开发效率

二、Better Comments

这个插件啊,主要就是美化你的注释!星星还是很多的,都是五星好评,一次付清!

分享5款vscode插件帮你提高开发效率

在插件介绍页面会有一些标签

分享5款vscode插件帮你提高开发效率

把它复制一下

分享5款vscode插件帮你提高开发效率

然后在里面进行配置,当然也可以在后面进行自定义,符合你自己的习惯!

分享5款vscode插件帮你提高开发效率

效果演示!里面的好处可以自行体会!

分享5款vscode插件帮你提高开发效率

三、windows opacity

这个插件呢,主要就是使得vscode变得透明,使得可以一边看代码,一边看视频,上班划水,绝对利器!

分享5款vscode插件帮你提高开发效率

自带的透明度一般,如果想改的话,这样就可以了,一般235左右就可以了,再低的话摸鱼就会被发现啦!

分享5款vscode插件帮你提高开发效率

四、material theme

这是一款颜色主题的插件,让你的vscode变得更顺眼

分享5款vscode插件帮你提高开发效率

可以在上边选择你喜欢得主题!个人还是比较喜欢Material Theme Ocean的!

分享5款vscode插件帮你提高开发效率

Material Theme Ocean主题,整体看起来还是不错的把

分享5款vscode插件帮你提高开发效率

五、prettier

格式化美化代码

分享5款vscode插件帮你提高开发效率
分享5款vscode插件帮你提高开发效率

这是一段很乱的代码

分享5款vscode插件帮你提高开发效率

ctrl+s保存之后,代码就又会整整齐齐

分享5款vscode插件帮你提高开发效率

创作不易,如果对你有所帮助的话,请点个赞再走吧!

以上是“分享5款vscode插件帮你提高开发效率”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


标题名称:分享5款vscode插件帮你提高开发效率
分享地址:http://cdweb.net/article/jdpcji.html