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

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

前言


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


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


1650858374(1).png


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


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


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


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


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


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


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


来吧,展示


1650858415(1).png


边写代码边刷掘金也很爽


1650858442.png


已知问题


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


功能介绍


快捷导航


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


1650858475(1).png


群聊(concept)


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


1650859232(1).png


插件设置

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

作者推荐


1650859259(1).png


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


常用工具


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


1650859295(1).png


1650859319(1).png



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


新功能规划


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


  1. 掘金统计dashboard


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


  1. 群聊


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


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


相关文章
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
2707 1
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
|
11月前
|
Ubuntu 网络安全 PHP
如何使用vscode的Docker插件管理ubuntu 拉取服务器的镜像以及创建容器
本测试镜像旨在记录使用vscode的Docker插件拉取病创建Dockerfile,以及拉取镜像。
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
1204 1
|
机器学习/深度学习 人工智能 自然语言处理
|
人工智能 JavaScript 开发工具
【完全免费】VS Code 最好用的 12 款 AI 代码提示插件!!!
🎉 探索12款免费VSCode AI代码提示插件:Codeium、Codegeex、CodeFuse、TONGYI Lingma、Comate、iFlyCode、Fitten Code、Bito AI、Mintlify Doc Writer、Kodezi AI、aiXcoder、IntelliCode。这些插件提供智能补全、代码生成、注释、优化,支持多种语言,提升编程效率!🚀👩‍💻👨‍💻
29904 121
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
1326 8
|
人工智能 自然语言处理 前端开发
通义灵码插件在VSCode中的运用
借助通义灵码插件在VSCode构建新闻网,实现效率与智能的融合。VSCode作为前端开发的“瑞士军刀”,提供实时预览、智能辅助和高效管理功能;通义灵码插件通过自然语言交互生成代码,简化复杂任务并优化代码质量。两者结合形成从设计到部署的高效闭环,大幅减少基础编码时间,降低开发门槛,助力开发者聚焦业务逻辑与创新。
|
JavaScript 前端开发 程序员
甚至用不了五分钟就能学会vscode插件开发
本文介绍了VSCode插件的开发流程,从创建项目到最终发布。首先通过安装`yo`和`generator-code`脚手架工具初始化项目,选择JavaScript语言配置基础信息。接着,在`extension.js`中实现业务逻辑,例如将中文“变量”替换为“var”。通过F5进入调试模式验证功能。完成后使用`vsce`工具进行打包,解决可能遇到的版本不兼容或README文档问题。最后生成`.vsix`文件,可通过VSCode的“从VSIX安装”加载插件,实现开发闭环。进一步可将插件发布至官方市场供更多开发者使用。
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
1201 5
vscode10大常用插件
|
开发工具 C++ git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件:ESLint用于代码质量和风格检查;Prettier自动格式化代码;GitLens增强Git功能;Live Server提供前端实时预览;Docker支持容器管理。