VSCode外掛程式開發全攻略(二)HelloWord

2022-01-15 16:19:47 字數 2011 閱讀 9310

學習一門新的語言或者生態首先肯定是從helloword開始。

您可以直接轉殖我放在github上vscode-plugin-demo 的**到本地,然後嘗試修改**並執行,也可以使用微軟官方的腳手架vscode-generator-code來生成專案結構,腳手架的使用我們後面再來介紹,先來熟悉一下專案結構。

專案結構其實很簡單,主要是清單檔案package.json以及extension.js這個外掛程式入口檔案:

package.json部分關鍵內容如下(已省略其它)

]}}

src/extension.js內容如下:

const vscode = require('vscode');

/** * 外掛程式被啟用時觸發,所有**總入口

* @param context 外掛程式上下文

*/exports.activate = function(context) ));

};/**

* 外掛程式被釋放時觸發

*/exports.deactivate = function() ;

承如上述**:

預設情況下,工程已經幫我們配置好了除錯相關引數(有興趣的可以檢視.vscode/launch.json檔案的寫法),只需要到除錯面板選中要除錯的專案(僅僅是第一次需要,後續會自動記住上次除錯的專案),然後按下f5就會彈出乙個新的vscode視窗:

這個新視窗已經載入了我們的外掛程式,視窗標題會註明擴充套件開發主機,對於只有單顯示器的同學來說,很容易寫著寫著就忘了哪個是主視窗,哪個是新視窗,所以可以通過這個來區分。

先插句話

為了描述方便,我們約定,後續把新彈出來的那個視窗叫新視窗,之前老的那個叫舊視窗

然後按下ctrl+shift+p,輸入helloworld執行對應命令,當你發現右下角彈出了helloworld的提示時,恭喜你,你已經掌握了你人生第109種新語言了,哈哈,開個玩笑。

上面由於我們只是註冊了命令,沒有新增選單或快捷鍵,呼叫不方便,所以我們現在新增一下。

開啟package.json,按照下述方式新增:

],

// 快捷鍵繫結

"keybindings": [

],// 設定選單

這裡我們暫時不對配置項做過渡解讀,後面會有專門篇章來介紹package.json檔案的寫法。

安裝腳手架:

npm install -g yo generator-code
然後cd到你的工作目錄,執行yo code

根據嚮導一步步選擇即可,沒啥好說的,執行完後就生成了乙個乾淨的可以直接f5執行的vscode外掛程式工程了。

VSCode外掛程式開發全攻略(九)常用API總結

vscode.window.activetexteditor.edit editbuilder const path users somefile.txt const options vscode.window.showtextdocument vscode.uri.file path option...

測試全攻略

include class1.h include include cppunit testrunner.h include cppunit testresult.h include cppunit testresultcollector.h include cppunit extensions he...

Ubuntu 藍芽全攻略

ubuntu 的藍芽支援相信很多同學都在使用吧,插上就用,連個手機傳個檔案啊什麼的非常方便。但是你有沒有想過壓榨出其更大的潛能呢?有沒有想過坐到電腦前,開啟藍 牙連上手機,戴上耳麥,直接就通過電腦來接打 了呢?或者連上你的 ipod touch,聲就從電腦的音箱中飄出了呢?當然,windows 系統...