爱了爱了🌹,这个VSCode插件极大提升你的工mo作yu效率 | 创作者训练营

27,394 阅读3分钟

前言

最近沉迷掘金不能自拔,一整天都在掘金上面刷呀刷,同时还在一边使用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. 群聊

现在只是一个试验小品,但即qunliaochuishui可能是一个有趣的功能。

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

学习VSCode插件开发

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

关注大帅搞全栈


创作者训练营 征文活动正在进行中......