深入講解VsCode各場景高級調(diào)試與使用技巧 代碼編寫效率提升2倍
TS中還可以提取接口等等

補充:VsCode擴展插件開發(fā)
VsCode擴展插件可以做什么事情?
- 定制主題、文件圖標
- 擴展工作臺功能
- 創(chuàng)建webView
- 自定義新的語言提示
- 支持調(diào)試特定的runtime
基于Yeoman快速開發(fā)VsCode插件,步驟如下:
安裝Yeoman和用于生成模板的插件VS Code Extension Generator
# 終端運行,主要node版本需要12及以上,node10會安裝報錯 npm i -g yo generator-code 復制代碼
運行yo code創(chuàng)建命令,選擇要生成的項目模板。這里演示New extension

根據(jù)提示依次選擇

生成的內(nèi)容如下

按F5生成編譯項目,此時會自動打開一個新窗口在新窗口按Ctrl+Shfit+P,輸入Hello World命令

此時會彈出一個彈窗的效果

至此,一個最簡單的插件就完成了
相關文章

VS Code怎么設置分支排序順序? 按提交人日期分支排序的技巧
VS Code怎么設置分支排序順序?VS Code中想要控制分支的排序順序,在哪來設置呢?下面我們就來看看VSCode按提交人日期分支排序的技巧2023-08-19VSCode的autopep8插件無法自動格式化含中文的utf-8編碼文件錯誤的解決
配置autopep8插件并安裝相關依賴后,VSCode無法自動格式化含有中文的代碼文件,這里就為大家分享一下解決方法2023-09-24
VSCode選項卡上的擴展怎么關閉出發(fā)? vscode不顯示觸發(fā)選項卡上的擴展技
VSCode選項卡上的擴展怎么關閉出發(fā)?VSCode選項卡中可以出發(fā)擴展,也可以關閉觸發(fā),該怎么操作呢?下面我們就來看看vscode不顯示觸發(fā)選項卡上的擴展技巧2023-10-07
vscode怎么關閉啟用預覽? VSCode取消右側(cè)預覽面板的技巧
vscode怎么關閉啟用預覽?vscode中可以預覽,該怎么開啟或者關閉預覽面板呢?下面我們就來看看VSCode取消右側(cè)預覽面板的技巧2023-10-16
VSCode合并運行按鈕怎么關閉? VSCode關閉一鍵運行的技巧
VSCode合并運行按鈕怎么關閉?雖然合并運行很方便但是有時候用不到,想要關閉,該怎么操作呢?下面我們就來看看VSCode關閉一鍵運行的技巧2025-04-03
VS Code怎么取消自動簽名? VSCode關閉總是簽字的技巧
VS Code怎么關閉自動簽名?VSCode中可以自動簽名,現(xiàn)在想要關閉自動簽字,該怎么操作呢?下面我們就來看看VSCode關閉總是簽字的技巧2023-10-16
VS Code怎么開啟緊湊視圖? VSCode設置緊密檢視的技巧
VS Code怎么開啟緊湊視圖?VS Code中可以設置視圖樣式,該怎么使用緊湊樣式呢?下面我們就來看看VSCode設置緊密檢視的技巧2023-10-16
VS Code單元焦點指示器槽怎么設置?VS Code中想要設置單元焦點指示器槽的位置上,該怎么設置呢?詳細請看下文介紹2023-10-16
VSCode怎么設置不顯示空值? VSCode不顯示空值的設置技巧
VSCode怎么設置不顯示空值?VSCode中的空值也會顯示,想要不顯示空值,該怎么操作呢?下面我們就來看看Visual Studio Code設置不顯示空值的方法2023-11-27
VSCode導航欄怎么顯示函數(shù)? VSCode設置顯示函數(shù)的方法
VSCode導航欄怎么顯示函數(shù)?VSCode中的函數(shù)很常用,想要顯示在導航欄,該怎么操作呢?下面我們就來看看VSCode設置顯示函數(shù)的方法2023-11-27


