当前位置：首页 > news >正文

vscode摸鱼插件开发

news 2025/9/27 7:20:41

不知道大家在写代码的时候，摸不摸鱼，是不是时不时得打开一下微博，看看今天发生了什么大事，又有谁塌房，而你没有及时赶上。

为此，我决定开发一个vscode插件，来查看微博热搜

插件名称：Fish Tools
vscode扩展可搜索安装

1、热搜

首先实现在侧边栏中展示前20个热搜，没必要太多

1、package.json 增加配置

"views": {"fish-activityBar": [{"id": "fishView","name": "fish weibo"}]},"viewsContainers": {"activitybar": [{"id": "fish-activityBar","title": "Fish Weibo","icon": "resources/dark/weibo.svg"}]},

如此，侧边栏就会展示微博按钮

按钮有了，内容可以通过树视图展示，vscode.window.createTreeView 可以创建树视图

 const customView = vscode.window.createTreeView("fishView", {treeDataProvider: customTreeDataProvider,});

class CustomTreeDataProvider implements vscode.TreeDataProvider<CustomItem>

这里官方文档中有树视图的例子

热搜内容，可以在CustomTreeDataProvider类的getChildren方法中，通过调微博的接口获取

const data = await getHotSearch();
const top20Hot = (data?.data?.realtime || []).slice(0, 20);
const treeData = top10Hot.map((item: any) => {return { label: item?.note, id: item?.mid };
});

到这里，完成情况如图所示，
在这里插入图片描述

只有热搜当然还是不够的，因为我们想了解具体内容的时候，还是需要打开浏览器，所以这里给每条热搜增加点击功能

2、热搜内容

getTreeItem(element: CustomItem): vscode.TreeItem {const treeItem = new vscode.TreeItem(element?.label);// 配置点击行为treeItem.command = {command: "treeView.openContent",title: "Open Content",arguments: [element],};return treeItem;}

这里增加了command，需要注册该命令，并且点击之后打开一个webview，(简单版的也可以直接打开一个文档，展示内容即可)

vscode.commands.registerCommand("treeView.openContent",(treeItem: vscode.TreeItem) => {const panel = vscode.window.createWebviewPanel(webviewId,webviewTitle || "详情",vscode.ViewColumn.One,{enableScripts: true,});// webview内容const scriptPath = vscode.Uri.file(path.join(extensionPath, jsPath));const scriptUri = panel.webview.asWebviewUri(scriptPath);panel.webview.html = `<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>详情</title></head><body><div id="loading">页面初始化中...</div><div id="root"></div><script src=${scriptUri}></script></body></html>`}
)

webview内容，实现方式可以多种，这里scriptUri 直接写路径，是不生效的，详情可以看官方文档。

3、消息传递

这里实现了，热搜，点击事件以及打开了webview窗口，那么数据如何在webview传递，这里因为直接调的微博的接口，所以在webview中，是调不通的，所以调接口查数据的过程在vscode扩展这边实现

这里第一个问题是热搜的详细内容，是需要登录的，所以这里需要一个cookie，cookie的获取，也比较简单，随便找一个接口，就能查询到

第二个问题是详细内容，并不是通过调xhr接口返回的，需要自行去解析dom结构，来获取自己需要的内容。

1、消息的传递，vscode扩展传递到webview，可以通过postMessage

panel.webview.postMessage({command,text
});

2、webview中可以通过 window.addEventListener监听消息

window.addEventListener("message", (event) => {if (message.command === "getMessage") {setContent(message.text);}
}

3、webview传递到vscode中，通过postMessage方法

const vscode = acquireVsCodeApi();
vscode.postMessage({command: "pageUp",text: { page: page - 1 },
});

4、vscode中通过onDidReceiveMessage监听

panel.webview.onDidReceiveMessage((message) => {if (message.command === "pageUp") {getHotDetail();}
});

这里在给webview.html赋值之后，可以调接口拿到微博内容，通过上述方式传到webview中，webview中只需要展示即可。其他的上一页，下一页，刷新，也可以通过相同方式实现。

最后完成情况如下
在这里插入图片描述

4、配置

上述只简单概述插件功能，配置方面，这里增加了cookie的配置，以及热搜的刷新间隔。
在这里插入图片描述

后续可以考虑评论、点赞等功能实现。

vscode摸鱼插件开发

不知道大家在写代码的时候，摸不摸鱼，是不是时不时得打开一下微博，看看今天发生了什么大事，又有谁塌房，而你没有及时赶上。为此，我决定开发一个vscode插件，来查看微博热搜插件名称&#xff1…...

编程日记 2023/10/24 1:23:24

音频录制和处理软件 Audio Hijack mac中文版说明

Audio Hijack mac是一款功能强大的音频录制和处理软件，它可以帮助用户从各种来源捕获和处理音频。首先，Audio Hijack具有灵活的音频捕获功能。它支持从多个来源录制音频，包括麦克风、应用程序、网络流媒体、硬件设备等等。你可以选择捕获整个…...

编程日记 2023/10/24 1:22:23

寻找二叉树一个节点的后继节点

后继节点：中序遍历的后一个节点普通二叉树：中序遍历得到一个list，时间复杂度O(n) 本题的二叉树：有父节点的指针，后继节点与原节点的距离为1，因此可以直接通过父节点找到下一个节点优化：节点…...

编程日记 2023/10/24 1:21:21

如何能够获取到本行业的能力架构图去了解自己的能力缺陷与短板，从而能清晰的去弥补差距？

如何能够获取到本行业的能力架构图去了解自己的能力缺陷与短板，从而能清晰的去弥补差距？ 获取并利用能力架构图（Competency Model）来了解自己在特定行业或职位中的能力缺陷和短板，并据此弥补差距，是一个非常…...

编程日记 2023/10/24 1:19:19

红队打靶：Misdirection打靶思路详解（vulnhub）

目录写在开头第一步：主机发现与端口扫描第二步：Web渗透（80端口，战术放弃） 第三步：Web渗透（8080端口） 第四步：sudo bash提权第五步：/etc/passwd利…...

编程日记 2023/10/24 1:18:17

10.23归并排序

课上归并排序最大时，就是两个都是完全倒序，但注意一定有一个序列先用完，此时剩一个序列只有一个元素，不用比较，直接加入，所以就是nn-1, 最小时，是都是完全有序，且一个序列中的元…...

编程日记 2023/10/24 1:17:15

[C++]:2初识C++(auto) + 类和对象上：

[TOC](初识C(auto) 类和对象上) 一.初始C 1.auto关键字：(C11) 1.作为一个变量的类型给这个类型初始化，auto自动识别初始化这个变量值的类型，为auto类型的这个变量开辟一个合适的空间。补充： 1.typeid(变量名).name—>可以打…...

编程日记 2023/10/24 1:14:13

大学英语试卷 If everyone learns to set forth facts and reason things out in social life, many of the contradictions are easy to ____. A. oblige B. engage C. resolve D. commitIf we let the fastest runner set the____, the others will fall behind. A. pace B.…...

编程日记 2023/10/24 1:13:12

SpringBoot Lombok的使用

目录下载Lombok插件 Lombok的用法获取日志对象生成get,set方法 Lombok框架的实现原理 Lombok的常用注解下载Lombok插件要使用Lombok首先要确保idea安装了lombok插件在项目中添加 lombok依赖在<dependency>里右键生成点击edit starters 插件(没有就下载,可…...

编程日记 2023/10/24 1:12:11

后台管理系统SQL注入漏洞

对于edu来说，是新人挖洞较好的平台，本次记录一次走运的捡漏0x01 前景在进行fofa盲打站点的时候，来到了一个后台管理处看到集市二字，应该是edu站点确认目标身份（使用的quake进行然后去ipc备案查询） 网…...

编程日记 2023/10/24 1:10:09

变量常用函数

查看变量类型 type(变量名) 用来查询变量所指的对象类型 >>> a, b, c, d 20, 5.5, True, 43j >>> print(type(a), type(b), type(c), type(d)) <class int> <class float> <class bool> <class complex> 基础数据类型 # coding…...

编程日记 2023/10/24 1:09:07

从零学算法（LCR 157）

某店铺将用于组成套餐的商品记作字符串 goods，其中 goods[i] 表示对应商品。请返回该套餐内所含商品的全部排列方式。返回结果无顺序要求，但不能含有重复的元素。示例 1: 输入：goods “agew” 输出：[“aegw”,“aewg”,“ag…...

编程日记 2023/10/24 1:07:06

mysql 优化聚簇索引=主键索引吗

在 InnoDB 引擎中，每张表都会有一个特殊的索引“聚簇索引”，也被称之为聚集索引，它是用来存储行数据的。一般情况下，聚簇索引等同于主键索引，但这里有一个前提条件，那就是这张表需要有主键，只有…...

编程日记 2023/10/24 1:06:04

c# ManualResetEvent WaitHandle 实现同步

//本文演示了ManualResetEvent 类的非静态set()、Reset()、WaitOne()和 //WaitHandle类的静态方法WaitAllWaitAll() //它们用于线程间的同步控制。 //实现了如下功能：线程1（定时控制）通知线程2和线程3采集数据 //线程2和3数据采集完了&am…...

编程日记 2023/10/24 1:05:03

使用Packstack安装器安装一体化OpenStack云平台

【实训目的】初步掌握OpenStack快捷安装的方法。掌握OpenStack图形界面的基本操作。【实训准备】 （1）准备一台能够安装OpenStack的实验用计算机，建议使用VMware虚拟机。 （2）该计算机应安装CentOS 7，建…...

编程日记 2023/10/24 1:04:02

【Rust】4 一文讲解重点 pattern matching | trait | 生命周期 | 闭包 | 迭代器 | 智能指针 | 并发与并行

文章目录一、pattern matching二、trait2.1 常见 trait2.1.1 Copy 和 Clone2.1.2 PartialEq 和 Eq2.1.3 PartialOrd 和 Ord2.1.4 Hash2.1.5 From, Into, TryFrom, TryInto 2.2 概念2.2.1 关联类型2.2.2 关联常量2.3.3 泛型关联类型2.3.3.1 示例: 用泛型关联类型, 创建集合工厂…...

编程日记 2023/10/24 1:03:02

idea Java代码格式化规范

文章目录引入基础知识代码模板idea模板eclipse模板1.安装插件2.生成配置文件3.导入配置文件附录一：xml配置项说明附录二：赠送引入最近在公司开发中，遇到了一点小问题，组内各同事的格式化规范不一致。一来导致代码样式并不统一…...

编程日记 2023/10/24 1:02:00

apple MFI工厂认证，干货，为防止MFI工作人员查看，已设置VIP阅读

一开始以为审核特别严格，准备了好久，经历过了之后会发现很简单，1个小时完成了所有审核事项。好好招待审计员，比如能接送就接送，到点吃饭就尽量约时间吃饭后再审计，找个正式的会议室，该摆盘水果就摆上，让审计员感觉到公司是很重视这次的MFI审核，但是不能贿赂发红包那…...

编程日记 2023/10/24 0:59:57

软件企业知识库应用场景？如何搭建软件企业知识库？

想要减少人工干预、减少不必要的时间和人力成本、快速获取准确信息……这些应用场景对于我们企业来说是非常渴望在短期内实现的。软件企业知识库因为传统知识库仅仅是存储：知识只是“存储”，根本用不起来，缺乏有效的管理方式和储存载体&am…...

编程日记 2023/10/24 0:57:55

华为OD 滑动窗口最大值（100分）【java】B卷

华为OD统一考试A卷+B卷新题库说明你收到的链接上面会标注A卷还是B卷。目前大部分收到的都是B卷。 B卷对应20022部分考题以及新出的题目，A卷对应的是新出的题目。我将持续更新最新题目获取更多免费题目可前往夸克网盘下载，请点击以下链接进入：我用夸克网盘分享了「华为O…...

编程日记 2023/10/24 0:56:54

Linux应用开发之网络套接字编程(实例篇)

服务端与客户端单连接服务端代码 #include <sys/socket.h> #include <sys/types.h> #include <netinet/in.h> #include <stdio.h> #include <stdlib.h> #include <string.h> #include <arpa/inet.h> #include <pthread.h> …...

编程新知 2025/9/25 2:43:32

Cursor实现用excel数据填充word模版的方法

cursor主页：https://www.cursor.com/ 任务目标：把excel格式的数据里的单元格，按照某一个固定模版填充到word中文章目录注意事项逐步生成程序1. 确定格式2. 调试程序注意事项直接给一个excel文件和最终呈现的word文件的示例，…...

编程新知 2025/8/23 5:46:26

智慧医疗能源事业线深度画像分析（上）

引言医疗行业作为现代社会的关键基础设施，其能源消耗与环境影响正日益受到关注。随着全球"双碳"目标的推进和可持续发展理念的深入，智慧医疗能源事业线应运而生，致力于通过创新技术与管理方案，重构医疗领域的能源使用模式。这一事业线融合了能源管理、可持续发…...

编程新知 2025/9/25 18:09:41

现代密码学 | 椭圆曲线密码学—附py代码

Elliptic Curve Cryptography 椭圆曲线密码学（ECC）是一种基于有限域上椭圆曲线数学特性的公钥加密技术。其核心原理涉及椭圆曲线的代数性质、离散对数问题以及有限域上的运算。椭圆曲线密码学是多种数字签名算法的基础，例如椭圆曲线数字签…...

编程新知 2025/9/26 9:25:10

Rust 异步编程

Rust 异步编程引言 Rust 是一种系统编程语言，以其高性能、安全性以及零成本抽象而著称。在多核处理器成为主流的今天，异步编程成为了一种提高应用性能、优化资源利用的有效手段。本文将深入探讨 Rust 异步编程的核心概念、常用库以及最佳实践。异步编程基础什么是异步…...

编程新知 2025/9/22 12:08:59

EtherNet/IP转DeviceNet协议网关详解

一，设备主要功能疆鸿智能JH-DVN-EIP本产品是自主研发的一款EtherNet/IP从站功能的通讯网关。该产品主要功能是连接DeviceNet总线和EtherNet/IP网络，本网关连接到EtherNet/IP总线中做为从站使用，连接到DeviceNet总线中做为从站使用。在自动…...

编程新知 2025/9/26 10:50:42

3403. 从盒子中找出字典序最大的字符串 I

3403. 从盒子中找出字典序最大的字符串 I 题目链接：3403. 从盒子中找出字典序最大的字符串 I 代码如下： class Solution { public:string answerString(string word, int numFriends) {if (numFriends 1) {return word;}string res;for (int i 0;i &…...

编程新知 2025/9/16 6:14:35

RNN避坑指南：从数学推导到LSTM/GRU工业级部署实战流程

本文较长，建议点赞收藏，以免遗失。更多AI大模型应用开发学习视频及资料，尽在聚客AI学院。本文全面剖析RNN核心原理，深入讲解梯度消失/爆炸问题，并通过LSTM/GRU结构实现解决方案，提供时间序列预测和文本生成…...

编程新知 2025/9/23 15:59:09

纯 Java 项目（非 SpringBoot）集成 Mybatis-Plus 和 Mybatis-Plus-Join

纯 Java 项目（非 SpringBoot）集成 Mybatis-Plus 和 Mybatis-Plus-Join 1、依赖1.1、依赖版本1.2、pom.xml 2、代码2.1、SqlSession 构造器2.2、MybatisPlus代码生成器2.3、获取 config.yml 配置2.3.1、config.yml2.3.2、项目配置类 2.4、ftl 模板2.4.1、…...

编程新知 2025/9/26 12:26:35

学习一下用鸿蒙DevEco Studio HarmonyOS5实现百度地图

在鸿蒙（HarmonyOS5）中集成百度地图，可以通过以下步骤和技术方案实现。结合鸿蒙的分布式能力和百度地图的API，可以构建跨设备的定位、导航和地图展示功能。 1. 鸿蒙环境准备开发工具：下载安装 De…...

编程新知 2025/8/3 15:16:26

1、热搜

2、热搜内容

3、消息传递

4、配置

相关文章：