【7日打卡】盘点VS Code具有实际意义的小插件分享下班不知不觉就11点多钟了，最近年货节真的很忙，参与了七日打卡打卡

简介

下班不知不觉就11点多钟了，最近年货节真的很忙，参与了七日打卡打卡活动真的有一些托大了，但是既然是自己立的flag，熬夜通宵也要写下去吧，纯粹的技术文确实很难做到一周高产。所以才有了日常随笔，和本篇工具分享文。

获取VS Code插件大部分都有，但并不妨碍一些千奇百怪的生产力插件出现，这个也算是一个小技巧吧，插件的存在，能很好的提升日常开发的工作效率。

如果碰到自己喜欢的东西，不妨点赞，偷偷收藏吧。

Import Cost 显示代码里导入包的大小，不论是开发人员还是代码合并人员，都能在本地看到当前引入的一个library，同而判断当前引入是否可以按需加载和tree-shaking，如果你对包的敏感度有要求的话，可以给自己装一个。

Code Spell Checker相对于英语不好的同学可以下载一波，对于一些基本的英文单词能够有一定的校验，像我用尽毕生所学的词汇量已经验证过这个软件香的地方在哪里哦。对于波浪线不喜欢的朋友直接退出。

esilnt就不用我多说了吧，团队必备利器，对于代码检阅有非常好的质量要求，前提是你的ESlint比较严谨，会避免发生一些逻辑傻瓜的问题。如果团队有这方面的约束规范，建议下载一个。

同事推荐如下配置：会自动帮你在保存代码时发生一次当前页面的ESlint错误，方便统一修改一些类似空格, 输错字体格式等报错信息。

  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

圈复杂段非常有意思，如果没看懂的可以看我上面的文章

(【七日打卡】重构几次代码后，我总结了一些前端代码优化实践)[juejin.cn/post/691628…]

对于复杂度高的代码建议拆分和重组，甚至逼不得已的时候必须重构，在团队中，难以理解和阅读的代码属于脏代码，对于开发者来说，就是灾难。

曾几何时，我非常羡慕Webstorm的方法备注功能。对于Webstorm我觉得非常棒，开箱即用。这样的话我们写函数就会有对应的提示一样，非常方便。所以，在机缘巧合下我发现了这个插件

在页面中，我们往往用到了很多代理别名和文件路径，开发者开发时，有部分人直接通过../...等格式来进行页面的跳转。所以path-alias能够快速处理一些路径代理文件名和其他路径地址的一个智能提示。

Better Comments能够为你的代码注释赋予一些状态，在开发过程中对于一些注释的含义可以自身存在自定义，用来描述一些方法，赋予更多可能性。

现如今，大部分的脚手架的项目都是打包后的，所以为了贴合实际场景，Live Server能够打开一个带有本地IP & 端口号的本地路径，将我们打包后的代码打开后完成预览。

GitLens是一个强大的 Git 日志管理工具，你能在插件内看到当前Git仓库的日志情况和当前的变更记录，同时可以看到其他人更改后与你当前版本的代码差距，做一个基本的排测。

从名字顾名思义, REST Client是一个用来支持RESTful接口请求发送的插件，只需要在本地配置好对应的设置，那么就可以在插件上直接调试接口和对接，非常棒的插件，大大减少来回测试的一个问题。

GIT分支图，相对于纯文字的commit记录，无疑管道图是最直观的方法，那么装上Git Graph就相当于拥有了Source Tree的分支查看能力。

上面就是我个人推荐必装的插件，除了能提高生产力外，对于编码开发的体验程度非常的棒，这次分享的东西都是一些必备的，相反React和Vue代码支持的插件我就不多说了，这个大家都有，在推荐一次无意义。这次主要是我觉得这些插件确实非常的棒，所谓独乐乐不如众。

本次文章已经是7日打卡第三篇文章了，也算是水的第三篇文章。明天项目就上线了，可以腾出手来写一些比较实践性的文章分享。深夜写文不易，大家晚安哦。

【七日打卡】文章质量相对来说对于之前肯定是没那么高的，如果对你有帮助的话，可以点个赞哦。