閱讀這篇文章之前,假設你已經具有開發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 快...