VSCODE外掛程式開發 使用者輸入輸出

2022-05-28 06:33:12 字數 1482 閱讀 9452

閱讀這篇文章之前,假設你已經具有開發helloworld的外掛程式的能力。

vscode.window

負責當前啟用視窗的輸入輸出,比如展示資訊,和使用者輸入等功能都是用vscode.window實現

使用vscode.windows.showinformationmessage('hello world!')可以進行簡單輸出資訊展示。

let disposable = vscode.commands.registercommand('extension.sayhello', () => );
效果如下:

示例**在官方文件中也可以找到,example-hello world:

如果提示資訊想帶回使用者的選擇怎麼辦,參考以下**

let disposable = vscode.commands.registercommand('extension.sayhello', function () );

});

在提示資訊後面緊跟上給使用者的選擇項,然後用then接收即可

效果如下:

官方提供了三種不同型別的資訊輸出方法

分別是:

三個的用法基本類似,提示框的樣式會有區別

使用vscode.windows.setstatusbarmessage設定狀態列提示資訊

let disposable = vscode.commands.registercommand('extension.sayhello', function () );
使用vscode.window.showinputbox()開啟乙個輸入框讓使用者輸入資訊

let disposable = vscode.commands.registercommand('extension.sayhello', function ()  // 對輸入內容進行驗證並返回

}).then(function(msg));

});

介面效果如下:

使用vscode.window.showopendialog()用來選擇本地檔案

let disposable = vscode.commands.registercommand('extension.sayhello', function () ).then(function(msg))

});

官方文件:

let disposable = vscode.commands.registercommand('extension.sayhello', function () )

.then(function(msg))

});

官方文件:

官方文件很詳細,看官方文件吧。這裡只是簡單記錄

vscode外掛程式的開發流程

前幾個月在跟著一位老師做乙個c語言考試系統,這個系統是建立在vscode的外掛程式之上的。老師的初衷是讓學生在考試的時候能有乙個本地編譯的環境,而vscode本身在配置之後就提供這樣的編譯環境。vscode配置 除錯typescript 可以先用這篇熟悉一下vscode的配置,相應的操作流程 小茗同...

VSCode外掛程式開發系列筆記

做了vscode外掛程式開發一年有餘,心想留下一些紀念吧,整理一下中間所遇到的問題以及知識點,留待日後可以複習檢視,遇到相同問題的小夥伴也可以相互借鑑.extension官方 示例 vscode 原始碼編譯 vscode外掛程式開發 建立外掛程式專案 vscode外掛程式開發 在編輯視窗開啟檔案或文...

VSCode 開發Vue必備外掛程式

語法高亮 智慧型感知 emmet等,包含格式化功能,alt shift f 格式化全文 ctrl k ctrl f 格式化選中 兩個ctrl需要同時按著 語法糾錯 快捷鍵設定 檔案 首選項 鍵盤快捷方式 搜尋 fix 修改 eslint fix all auto fixable problems 快...