VScode股票插件开发

背景

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

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

开发教程

官方文档

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

实现效果

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

查看源码

配置

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

  // 配置轮询请求最新数据的时间间隔,单位:毫秒
  "stock-watch.updateInterval": 10000

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

关键点

1.数据来源

本插件使用了百度的股票API:https://gupiao.baidu.com/api/rails/stockbasicbatch?stock_code=

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比分。

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

分享到:

发表评论

昵称

沙发空缺中,还不快抢~