前言

最近沉迷掘金不能自拔，一整天都在掘金上面刷呀刷，同时还在一边使用 VSCode 码代码。我突发奇想，能不能把掘金塞进 VSCode 里呢？在做之前，当然要做一下市场调查，市面上有另外两个掘金相关的插件，但完成度和使用体验我都不太满意。

所以我最近都在废寝忘食的自己开发一个掘金 VSCode 插件，平安夜和圣诞夜都连续干到凌晨...睡梦中都还在思考绕过 VSCode 安全策略的方案。求赞~

我对于这个插件的设计原则

1. 不能影响掘金该有的流量

比如市场中其他的掘金插件，都是利用爬取到的掘金 api 给大家展示文章，这样的话，掘金主站的流量里的 PV,UV 自然是流失了，并且读者也无法给文章点赞，评论。这可不是我想看到的结果。

2. 必须能提供一些独特的价值

比如提升开发效率，提供即时聊天服务等等，总之要让掘友们开发摸鱼两不误。

基于以上原则，我主要围绕着利用 Webview来展示掘金相关页面，这样的话，能最大程度的保障掘金官方的利益。

保护好掘金的利益，也就是保护咱们掘友的利益。

来吧，展示

边写代码边刷掘金也很爽

已知问题

由于 VSCode 的安全策略，webview 里新开窗口的链接都无法点击。所以我重写了掘金的首页（这里会对首页的流量产生影响，但已是唯一可行的方案），让文章列表的点击可以在 VSCode 里跳转。另外一些页面中的链接我个人觉得不是非要在 VSCode 里展示。如果实在要点，其实按住ctrl再点就可以使用浏览器打开了。

功能介绍

快捷导航

可以快速访问掘金主站的几个栏目：首页，沸点，小册，活动等。由于利用了 vscode 的 webview，所以大家可以正常使用自己的掘金账号登录，阅读时进行点赞和评论，和在浏览器里使用掘金没有什么区别。

群聊(concept)

一个小实验功能，所有掘友可以化身为一条小蝌蚪，大家在这里面聊聊天吹吹水，实时文字聊天。

插件设置

未来会增加一些功能设置，比如提醒，还没想好。等大家反馈

作者推荐

会随机爬取掘金作者榜的 10 位作者推荐给大家。右上角按钮可以刷新列表。开发插件很辛苦，请允许我把自己放到列表里：p 。

常用工具

收集一些开发中常用的工具，比如正则表达式可视化，图片转 base64 等等。

还会显示推荐人的介绍，点击后会进入推荐人掘金主页，大家还不快快参与进来？

我也要推荐常用工具

新功能规划

由于利用了 webview，所以 90%的掘金功能都能正常使用。当然还有很多新鲜功能在计划中。

1. 掘金统计 dashboard

开发一个加强版的数据后台，可以清晰的看到每天掘力值的增长等等。

1. 群聊

现在只是一个试验小品，但即qun时liao通chui讯shui可能是一个有趣的功能。

各位掘友们还有什么想法都可以留言提出，欢迎大家一起加入到“我爱掘金”的开发中来！！

学习 VSCode 插件开发

“我爱掘金”是一个使用Treeview，Webview开发的 VSCode 插件的优秀范例。

• 查看更多由大帅编写的 VSCode 插件开发系列教程

关注大帅搞全栈