深入講解VsCode各場(chǎng)景高級(jí)調(diào)試與使用技巧 代碼編寫(xiě)效率提升2倍
我要評(píng)論TS中還可以提取接口等等
補(bǔ)充：VsCode擴(kuò)展插件開(kāi)發(fā)
VsCode擴(kuò)展插件可以做什么事情？
- 定制主題、文件圖標(biāo)
- 擴(kuò)展工作臺(tái)功能
- 創(chuàng)建webView
- 自定義新的語(yǔ)言提示
- 支持調(diào)試特定的runtime
基于Yeoman快速開(kāi)發(fā)VsCode插件，步驟如下:
安裝Yeoman和用于生成模板的插件VS Code Extension Generator
# 終端運(yùn)行，主要node版本需要12及以上，node10會(huì)安裝報(bào)錯(cuò) npm i -g yo generator-code 復(fù)制代碼
運(yùn)行yo code創(chuàng)建命令，選擇要生成的項(xiàng)目模板。這里演示New extension
根據(jù)提示依次選擇
生成的內(nèi)容如下
按F5生成編譯項(xiàng)目，此時(shí)會(huì)自動(dòng)打開(kāi)一個(gè)新窗口在新窗口按Ctrl+Shfit+P,輸入Hello World命令
此時(shí)會(huì)彈出一個(gè)彈窗的效果
至此，一個(gè)最簡(jiǎn)單的插件就完成了
相關(guān)文章
VS Code怎么設(shè)置分支排序順序? 按提交人日期分支排序的技巧
VS Code怎么設(shè)置分支排序順序？VS Code中想要控制分支的排序順序，在哪來(lái)設(shè)置呢？下面我們就來(lái)看看VSCode按提交人日期分支排序的技巧2023-08-19VSCode的autopep8插件無(wú)法自動(dòng)格式化含中文的utf-8編碼文件錯(cuò)誤的解決
配置autopep8插件并安裝相關(guān)依賴后，VSCode無(wú)法自動(dòng)格式化含有中文的代碼文件，這里就為大家分享一下解決方法2023-09-24VSCode選項(xiàng)卡上的擴(kuò)展怎么關(guān)閉出發(fā)? vscode不顯示觸發(fā)選項(xiàng)卡上的擴(kuò)展技
VSCode選項(xiàng)卡上的擴(kuò)展怎么關(guān)閉出發(fā)？VSCode選項(xiàng)卡中可以出發(fā)擴(kuò)展，也可以關(guān)閉觸發(fā)，該怎么操作呢？下面我們就來(lái)看看vscode不顯示觸發(fā)選項(xiàng)卡上的擴(kuò)展技巧2023-10-07vscode怎么關(guān)閉啟用預(yù)覽? VSCode取消右側(cè)預(yù)覽面板的技巧
vscode怎么關(guān)閉啟用預(yù)覽？vscode中可以預(yù)覽，該怎么開(kāi)啟或者關(guān)閉預(yù)覽面板呢？下面我們就來(lái)看看VSCode取消右側(cè)預(yù)覽面板的技巧2023-10-16VSCode合并運(yùn)行按鈕怎么關(guān)閉? VSCode關(guān)閉一鍵運(yùn)行的技巧
VSCode合并運(yùn)行按鈕怎么關(guān)閉？雖然合并運(yùn)行很方便但是有時(shí)候用不到，想要關(guān)閉，該怎么操作呢？下面我們就來(lái)看看VSCode關(guān)閉一鍵運(yùn)行的技巧2025-04-03VS Code怎么取消自動(dòng)簽名? VSCode關(guān)閉總是簽字的技巧
VS Code怎么關(guān)閉自動(dòng)簽名？VSCode中可以自動(dòng)簽名，現(xiàn)在想要關(guān)閉自動(dòng)簽字，該怎么操作呢？下面我們就來(lái)看看VSCode關(guān)閉總是簽字的技巧2023-10-16VS Code怎么開(kāi)啟緊湊視圖? VSCode設(shè)置緊密檢視的技巧
VS Code怎么開(kāi)啟緊湊視圖？VS Code中可以設(shè)置視圖樣式，該怎么使用緊湊樣式呢？下面我們就來(lái)看看VSCode設(shè)置緊密檢視的技巧2023-10-16VS Code單元焦點(diǎn)指示器槽怎么設(shè)置?
VS Code單元焦點(diǎn)指示器槽怎么設(shè)置？VS Code中想要設(shè)置單元焦點(diǎn)指示器槽的位置上，該怎么設(shè)置呢？詳細(xì)請(qǐng)看下文介紹2023-10-16VSCode怎么設(shè)置不顯示空值? VSCode不顯示空值的設(shè)置技巧
VSCode怎么設(shè)置不顯示空值？VSCode中的空值也會(huì)顯示，想要不顯示空值，該怎么操作呢？下面我們就來(lái)看看Visual Studio Code設(shè)置不顯示空值的方法2023-11-27VSCode導(dǎo)航欄怎么顯示函數(shù)? VSCode設(shè)置顯示函數(shù)的方法
VSCode導(dǎo)航欄怎么顯示函數(shù)？VSCode中的函數(shù)很常用，想要顯示在導(dǎo)航欄，該怎么操作呢？下面我們就來(lái)看看VSCode設(shè)置顯示函數(shù)的方法2023-11-27
