VScode股票外掛開發

TDGarden發表於2018-11-05
VSCode

背景

股票被套，於是乎，筆者希望在寫程式碼的同時，能很方便的瞄一眼股票的情況，化悲憤為力量，以激勵自己更加努力地寫程式碼。

目前，筆者基本上都是在使用VScode敲程式碼。於是，開發一個可以看股票的外掛，來實時觀察股票的情況，成為一個不錯的選擇。

開發教程

官方文件

VScode官方有較為完善的文件，可以讓開發者快速開發一個VScode外掛，這裡不做贅述。

實現效果

在VScode擴充套件中，搜尋“stock watch”，安裝之後馬上體驗。

檢視原始碼

配置

  // 配置需要監控的股票程式碼
  "stock-watch.stocks": [
    "000001"
  ],

  // 配置輪詢請求最新資料的時間間隔，單位：毫秒
  "stock-watch.updateInterval": 10000
複製程式碼

配置需要觀察的股票之後，就可以在statusBar上看到股票的實時資訊：

VScode股票外掛開發

關鍵點

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

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

相關文章