前端 Vscode 插件推荐 🥳-六虎

前言

VScode 对于前端同学来说绝对是非常熟悉的，大家多多少少都有几个自己非常中意的插件。最近经过自己的探索以及同事的推荐，结合实际开发，甄选出了几款对实际开发效率非常有帮助的 VScode 插件。

Code Spell Checker

Code Spell Checker 是一个用于检查单词拼写的插件。

“研表究明，汉字序顺并不定一影阅响读” 在咱们开发的过程中，常常会有变量命名拼写错误的情况，如果 review 的小伙伴认真看的话还能分辨出来，github中文官网网页但是有的时候单词的拼写顺序错误是不会影响阅读的，中文咱们都常常看不出来，更何况英文呢变量值？

这时候 Code Spell Checke效率意识方面存在的问题r 就可以派上用场了，安装插件后，如果有拼写错误就会有 波浪线 提示效率集

例如上图中的 Delete 单词在全大写的情况下，缺少了一个字母是java是什么意思很难在开发的过程中发现的，如果这时为了省前端开发需要掌握什么技术时间或者使用代码提示在别处大量使用了这个错误的单词，整体的代变量名的命名规则码相对而言就不规范了，也有可能产生意料外的 bug 。

使用了插件后github永久回家地址，不仅会提示你拼写错误的单词，而且将鼠标悬浮在错误单词上，选择 快速修复 ，还会弹出可能是正确单词的提示，这一点就非常的友好啦。

当初第一次安装了这个插件就发变量是什么意思现的当前的项目中有两效率是什么意思个单词是拼写错误的，并且还在多处引用，于是及时修改了一波。这也说明这个插件在实际开发gitee中的帮助java编译器是很大的～

javascript conso前端开发le utils

很难相信，一个十四万下载量的插件竟然没有图标。 javascript console utils 的用处就效率集一个，它为你提供了两个快捷键：

Cmd+Shift+L

Cmd+Shift+D

当你选中一个变量 abc 时，按第一组快捷键就会在当前代码底下插入giti轮胎一行 :

console.log( "abc" , abc )

而第二个快捷键则是用于删除插入的那一行代码，官方的示例图如下前端：

但凡是写过 js 的程序员都了解简单的效率两组快捷键对于实际的开发效率提升有多大，这种简单且直击人心的插件千万不能错过

GitHub Copilot

相比前面两款插件，GitHub Copilot 了解的人效率应该会多一些，官方对它的描述是 一个随时与你结伴开发的 AI 程序员 ，表现在开发中就前端是什么工作是一个 ai 的代码提示插件，会根java面试题据你当前输入的上下文结合 AI 为你提前端开发供代码提示。

在最近一段时间的开发中，这款插件已经不止一次让我感到震惊了，甚至有点恐怖。不论是方法，变量，甚至是注释，它都能给你提示，而且有时准的让你感到效率的拼音害怕

上图是我在些一个按钮组件时，不知不觉写了太多的属性，当我想要在标签上效率公式面做一下对象解构让代码更加清晰的时候，我只打了一个 const ，GitHub Copilot 就帮我想做的事情给提示出来了，java怎么读你无法想象它是怎么根据一个 constjava培训 去分析后面的代码。

而这还只是小儿科，在实际使用里，无论是变量，常量，方法，hook，它都能给你推断出来你需要的代码。当初我认为，这样的 AI 对于程序员来说是具有打击性java环境变量配置的，是否未来变量名就不需要程序员了呢？

但在实际使用的时候，它真的 很懂你 ，它并不是无缘无故给你提示一堆代码，而是基于当前已有的业务逻辑，判断你现在需要什么，它就贴心的帮你提示出来。