在前端开发中,vscode是最常用的编辑器,vscode有各种实用的插件,有的可以帮助我们提高效率,有的可以使我们的工作过程更轻松。更快乐。今天给大家介绍一下这些好用的插件~提高效率的插件代码神器——PowerMode首先介绍的第一个插件就是PowerMode,它可以让你的编程过程更加愉快(如下图)。除了上面的效果,这个插件还有其他几个效果,都不错。接下来,我们就来学习如何使用吧!首先,我们在vscode插件栏中搜索PowerMode(如下图)。然后我们点击安装。安装完成后,我们按下组合键Ctrl+Shift+P,然后进入setting,打开JSON配置文件(如下图),在末尾添加如下三行配置:"powermode.enabled":true,//enablePowerMode"powermode.shakeIntensity":0,//关闭抖动(可以选择不关闭)"powermode.presets":"particles",//特效预设,以及"fireworks","flames","magic","clippy","simple-rift","exploding-rift"好了,你可以开始你的“特效编程之旅”了!高亮标识——TodoTree在我们平时的业务开发中,编写的代码文件越来越多,单个文件也越来越长。在修改代码的时候,总是需要经常在文件中找到想要的内容,或者在文件中上下滚动找到目标代码,然后进行修改。这里可以推荐一个有助于提高效率的插件,那就是TodoTree,我们在应用商店搜索安装后,只需要添加//TODO:这样的注释代码,我们就可以快速定位到这一行注释在待办事项树中(如下所示)。我们还可以通过下面的设置(setting.json)自定义颜色和高亮代码,然后我们就可以快速定义按键方法的位置(如下图)。"todo-tree.highlights.customHighlight":{"API":{//关键字"background":"green",//背景颜色"icon":"issue-closed",//图标"rulerColour":"green",//文本颜色"iconColour":"green"//图标颜色},"METHOD":{"foreground":"black","background":"yellow","icon":"issue-closed","rulerColour":"yellow","iconColour":"yellow"},},快速定位括号-BracketPairColorizer写代码总是离不开各种类型的括号,当嵌套很深的时候,就需要括号问题经常困扰我们在改变结构时。BracketPairColorizer可以帮助您快速区分托槽的位置和类型,让??您快速定位!(如下图所示)SpellCheck-CodeSpellChecker在我们平时的开发过程中,有时会因为变量名定义与使用时间不一致,调试了半天,最后发现是拼写问题。我们可以使用CodeSpellChecker插件进行拼写检测。安装插件后,我们也可以在setting.json中指定检测到的文件。例如,我为Vue文件启用了拼写检查(如下所示)。Git管理vscode有很多Gi1t管理插件可以帮助你管理Git仓库。GitHistoryGitHistory可以帮助你快速查看Git历史,图形化的页面,让Git历史一目了然(如下图)。我们还可以查看指定文件的指定版本(如下图)。我们也可以将光标停留在某一行代码上,查看这行代码的提交信息(提交者,提交时间,提交信息)(如下图)GitGraphGitGraph可以帮助你更好的分析分支之间的关系(如下图所示)。GitEmojiGitEmoji可以更好的帮助团队形成提交规范。用一个Emoji表情来概括这次投稿,再加上一些文字描述信息,投稿记录就会变得赏心悦目(下图)。GitLensGitLens可以帮助你快速比较不同分支的代码差异(如下图所示)。番外在vscode-draw.io中画流程图安装好draw.io后,新建一个helloworld.drawio,就可以在vscode中画流程图了(如下图)!画点简单的流程图还是不错的,vscode全栈工程师。RainbowFart-RainbowFartRainbowFart是一个鼓励插件,它会在您键入代码时一直鼓励您。语音包可以选择小姐姐甜美的声音。安装完成后,按组合键Ctrl+Shift+P,输入EnableRainbowFart回车,会打开一个新的页面播放语音(如下图)。这时候新建一个文件,开始敲代码,比如写一个for循环,或者写一个函数,会有惊喜哦~总结一下,这个vscode插件分析就到这里啦!大家有什么好用的插件,也可以在留言区留言分享哦~下一篇预告:那些提高效率/创意的网站一览。最后一件事,如果你已经看过这个,我希望你在离开之前仍然喜欢它。~你们的点赞是对作者最大的鼓励,也让更多人看到这篇文章!如果您觉得本文对您有帮助,请帮忙点亮github上的star,鼓励一下!
