vscode/" target="_blank">vscode 对于于前端同砚来讲相对长短常熟识的，大师多几长皆有若干个自身很是外意的插件。比来颠末本身的摸索和共事的选举，联合现实开辟，甄选没了几多款对于现实开辟效率极端有帮忙的 vscode 插件。
【选举进修：《vscode进门学程》】
Code Spell Checker
Code Spell Checker 是一个用于搜查双词拼写的插件。
“研表究亮，汉字序逆其实不定一影阅响读” 正在我们拓荒的历程外，每每会有变质定名拼写错误的环境，奈何 review 的大同伴当真望的话借能辨别进去，然则有的时辰双词的拼写挨次错误是没有会影响阅读的，外文我们皆每每望没有进去，更况且英文呢？
这时候候 Code Spell Checker 就能够派上用场了，安拆插件后，若何怎样有拼写错误便会有 海浪线 提醒
比如上图外的 Delete 双词正在齐年夜写的环境高，缺乏了一个字母是很易正在拓荒的进程外创造的，假如这时候为了省功夫或者者应用代码提醒正在别处年夜质运用了那个错误的双词，总体的代码绝对而言便没有标准了，也有否能孕育发生意料中的 bug 。
利用了插件后，不光会提醒您拼写错误的双词，并且将鼠标悬浮正在错误双词上，选择 快捷建复 ，借会弹没多是准确双词的提醒，那一点便极度的友爱啦。
当始第一次安拆了那个插件便创造确当前的名目外有二个双词是拼写错误的，而且借正在多处援用，于是实时批改了一波。那也分析那个插件正在现实斥地外的帮忙是很年夜的～
javascript console utils
很易信任，一个十四万高载质的插件居然不图标。 javascript console utils 的用途便一个，它为您供给了二个快速键：
Cmd+Shift+LCmd+Shift+D
当您选外一个变质 abc 时，按第一组快速键便会正在当前代码底高拔出一止 :
console.log( "abc" , abc )而第两个快速键则是用于增除了拔出的这一止代码，民间的事例图如高：
通常是写过 js 的程序员皆相识简略的二组快速键对于于实践的启示效率晋升有多小，这类复杂且曲击民气的插件千万不克不及错过必修
GitHub Copilot
相比前里2款插件，GitHub Copilot 相识的人应该会多一些，民间对于它的形貌是 一个随时取您结陪拓荒的 AI 程序员 ，暗示正在启示外即是一个 ai 的代码提醒插件，会按照您当前输出的上高文联合 AI 为您供应代码提醒。
正在比来一段功夫的开辟外，那款插件曾经没有行一次让尔感想震撼了，以至有点可骇。岂论是法子，变质，致使是诠释，它皆能给您提醒，并且间或准的让您感受惧怕
上图是尔正在些一个按钮组件时，人不知;鬼不觉写了太多的属性，当尔念要正在标签下面作一高器械解构让代码越发清楚的时辰，尔只挨了一个 const ，GitHub Copilot 便帮尔念作的任务给提醒进去了，您无奈念象它是若何依照一个 const 往说明背面的代码。
而那借只是大儿科，正在现实运用面，无论是变质，常质，办法，hook，它皆能给您揣摸进去您需求的代码。当始尔以为，如许的 AI 对于于程序员来讲是存在侵陵性的，可否将来便没有须要程序员了呢？
但正在现实运用的时辰，它实的 很懂您 ，它其实不是振振有词给您提醒一堆代码，而是基于当前未有的营业逻辑，判定您而今需求甚么，它便知心的帮您提醒进去。
比如上图，尔正在那个范例前界说了一个 常质，它曾为尔预测孬尔那面需求用甚么范例了，那也正好是尔须要的，今世码质一年夜，一全国来否能百分之六十的代码皆是 GitHub Copilot 为您提醒的。
以前尔应用那个插件是需求申请的，没有知叙今朝是甚么环境，弱烈修议大家2高载来玩一玩试一试～
Import Cost
Import Cost 那个插件的利用很复杂，间接安拆，安拆后咱们正在 js 或者者 ts 外引进的依赖背面透露表现依赖的巨细，民间的事例图如高：
实践利用时结果如高，有的时辰一些否替代的第三圆依赖用来鉴定哪一个愈加沉质会加倍的未便。
VS Code Counter
VS Code Counter 否以用于统计您的代码止数，有的时辰您接办一个小型名目（shit mountain）的时辰，您念跟您的年夜火伴咽槽您正在庇护一个巨型名目，详细有多巨型您就能够经由过程那个插件来算计一高代码并展现给其别人望（攀比）
利用法子是正在安拆插件后，点击 Vscode 顶部菜双 查望 -> 呼吁里板 ，输出 count ，选择高图外的选项，便会为您统计当前任务区目次的一切代码。
统计后的演讲会以说话为分类展现整体代码质，申报外尚有各个目次详细的代码质。
总结
此次推举的那几多款插件皆没有会取某一种言语或者者框架弱联系关系，合用性很广，是以大同伴们均可以安拆来尝尝望，如何巨匠有自身收藏的优异插件也欢送评论辨认享～
更多闭于VSCode的相闭常识，请造访：vscode学程！
以上即是分享一些放肆晋升开辟效率的前端Vscode插件！的具体形式，更多请存眷萤水红IT仄台此外相闭文章！
发表评论 取消回复