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

以上我的折騰的記錄，歡迎指正。