在最近的JS报告中,VSCode以压倒性的优势获胜第一,今天,小编准备给大家推荐10款好用的插件,即使是让小白也能快速上手、效率加倍。
1、Chinese(Simplified)LanguagePackforVisualStudioCode
这个虽然是最基础的,但是很有必要说一下。安装之后一秒汉化VScode,再也不用担心看不懂英文。
2、CityLightstheme
这是一个不错的主题插件,不过挑选主题还是看个人,也可以在直接搜索“theme”得到很多主题,然后去找到合适自己的哦。
3、Beautify
这也是个神器,它可以放大标记,调整代码间距,快速格式化代码,可以让杂乱的HTML、CSS、JS代码瞬间变得整齐,利于他人阅读,也方便后期维护。
4、vscode-icons
设置文件图标,根据各种类型的文件,设置对应的文件图标,让我们看文件列表的时候,一目了然,能快速找到需要的文件(特别是文件多,类型也多的时候)。
5、Imagepreview
光标悬浮在图片路径上时,显示图片预览,这样在敲代码的时候一下子就能知道有没有引用了正确的图片或图标,这个也是很有必要安装的。
6、CodeSpellChecker
日常敲代码,很多命名都是使用英文单词,即使是再细心的小伙伴,也有可能会拼错。这个插件就是单词拼写错时的拯救神器,它可以对错的单词进行标记,然后提示单词的正确拼法。有了它,就不用再因为单词拼错,而很烦躁地找bug找半天了。
7、LiveServer
做前端开发的时候,经常需要打开浏览器进行预览和调试页面。这个插件可以实现静态、动态页面的实时预览,保存就能看见页面更新,不需要手动去刷新,个人觉得很好用。
8、indent-rainbow
写代码的时候,能提示我们的缩进是否到位,每步交替四种不同的颜色,没有到位的话颜色变红,看着代码整整齐齐的就很舒心。
9、RainbowBrackets
RainbowBrackets能为圆括号,方括号和弯曲的括号提供彩色;相同颜色表示相同级别的括号,孤立的右括号以红色突出显示,对写JavaScript的人比较有用。
10、Polacode-
这个插件可以把代码保存成美观的图片,主题不同,代码配色方案也不同,也可以自己设置边框颜色、大小、阴影,在教程或者文档中提供代码示例时挺有用的。
这10款VSCode插件,你收藏了吗?如果还有什么想要了解的,可以在下方评论留言给小编~