用掘金助手插件实时监测掘金文章数据，让创作更轻松

前端

2023-09-15 08:18:09

用掘金助手插件实时监测掘金文章数据，让创作更轻松

掘金是一个广受欢迎的技术社区，用户可以在此分享技术文章、交流经验。作为一名掘金创作者，我常常需要实时了解自己文章的数据，比如新增赞、收藏、评论、粉丝等，以便及时调整写作策略。

为了提高创作效率，我萌生了开发一个vscode掘金消息助手插件的想法。这个插件可以让我在写代码时也能实时看到自己最新文章的数据，省去了频繁切换窗口的麻烦。

下面，我将详细介绍如何从零开发一个vscode掘金消息助手插件，并分享一些开发经验和技巧。

一、准备工作

在开始开发之前，需要准备以下工具：

Node.js（版本>=16.0）
Visual Studio Code（版本>=1.60）
掘金API密钥（可在掘金官网获取）

二、新建项目

打开Visual Studio Code，按Ctrl+Shift+N新建一个文件夹，作为插件项目目录。
在项目目录下，运行以下命令初始化项目：

npm init -y

安装必要的依赖项：

npm install --save-dev vscode @types/vscode

三、编写插件代码

在项目目录下创建extension.ts文件，作为插件的主入口文件。
在extension.ts文件中，编写以下代码：

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
  // 创建状态栏项
  const statusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
  statusBarItem.text = '掘金助手';
  statusBarItem.show();

  // 定时获取掘金文章数据
  setInterval(() => {
    // 获取文章数据
    const data = await fetch掘金文章数据();
    // 更新状态栏项
    statusBarItem.text = `掘金助手：赞${data.likes}，收藏${data.collections}，评论${data.comments}，粉丝${data.fans}`;
  }, 10000);
}

export function deactivate() {}