VScode 对于前端同学来说绝对是非常熟悉的,大家多多少少都有几个自己非常中意的插件。最近经过自己的探索以及同事的推荐,结合实际开发,甄选出了几款对实际开发效率非常有帮助的 VScode 插件。
【推荐学习:《vscode入门教程》】
Code Spell Checker
Code Spell Checker 是一个用于检查单词拼写的插件。
“研表究明,汉字序顺并不定一影阅响读” 在咱们开发的过程中,常常会有变量命名拼写错误的情况,如果 review 的小伙伴认真看的话还能分辨出来,但是有的时候单词的拼写顺序错误是不会影响阅读的,中文咱们都常常看不出来,更何况英文呢?
这时候 Code Spell Checker 就可以派上用场了,安装插件后,如果有拼写错误就会有 波浪线 提示
例如上图中的 Delete 单词在全大写的情况下,缺少了一个字母是很难在开发的过程中发现的,如果这时为了省时间或者使用代码提示在别处大量使用了这个错误的单词,整体的代码相对而言就不规范了,也有可能产生意料外的 bug 。
使用了插件后,不仅会提示你拼写错误的单词,而且将鼠标悬浮在错误单词上,选择 快速修复 ,还会弹出可能是正确单词的提示,这一点就非常的友好啦。
当初第一次安装了这个插件就发现的当前的项目中有两个单词是拼写错误的,并且还在多处引用,于是及时修改了一波。这也说明这个插件在实际开发中的帮助是很大的~
javascript console utils
很难相信,一个十四万下载量的插件竟然没有图标。 javascript console utils 的用处就一个,它为你提供了两个快捷键:
Cmd+Shift+L
Cmd+Shift+D
当你选中一个变量 abc 时,按第一组快捷键就会在当前代码底下插入一行 :
console.log( "abc" , abc )