VScode股票插件开发

背景

股票被套，于是乎，笔者希望在写代码的同时，能很方便的瞄一眼股票的情况，化悲愤为力量，以激励自己更加努力地写代码。

目前，笔者基本上都是在使用VScode敲代码。于是，开发一个可以看股票的插件，来实时观察股票的情况，成为一个不错的选择。

开发教程

官方文档

VScode官方有较为完善的文档，可以让开发者快速开发一个VScode插件，这里不做赘述。

实现效果

在VScode扩展中，搜索“stock watch”，安装之后马上体验。

查看源码

配置

  // 配置需要监控的股票代码
  "stock-watch.stocks": [
    "000001"
  ],

  // 配置轮询请求最新数据的时间间隔，单位：毫秒
  "stock-watch.updateInterval": 10000
复制代码

配置需要观察的股票之后，就可以在statusBar上看到股票的实时信息：

关键点

1.数据来源

本插件使用了百度的股票API：gupiao.baidu.com/api/rails/s…

2.VScode相关API

• 获取配置：vscode.workspace.getConfiguration()
• 创建statusBarItem：vscode.window.createStatusBarItem()

3.配置与启动时机

在package.json中，设置

"activationEvents": [
    "*" //表示在vscode启动的时候启动插件
],
复制代码

配置本插件需要的配置：

"contributes": {
        "configuration": {
            "properties": {
                "stock-watch.stocks": {
                    "type": "array",
                    "default": ["000001"],
                    "description": "配置需要监控的股票代码"
                },
                "stock-watch.updateInterval": {
                    "type": "number",
                    "default": 10000,
                    "description": "配置轮询请求最新数据的时间间隔，单位：毫秒"
                }
            }
        }
    }
复制代码

后记

以上实现了一个简单的股票插件，只有信息展示的功能，后续如果有时间，可以加入股票涨跌的告警功能。

基于这种思路，可以根据个人的兴趣爱好开发出一些好玩的插件。比如，实时关注NBA比分。

以上个人折腾的记录，欢迎指正。