深入講解VsCode各場景高級調試與使用技巧 代碼編寫效率提升2倍
csdn 發(fā)布時間：2023-12-22 12:01:52 作者：小明的學習圈子 
我要評論
我要評論VSCode是一款開源免費的跨平臺文本編輯器，它的可擴展性和豐富的功能使得它成為了許多程序員的首選編輯器,在本文中，我將分享一些VSCode的使用技巧，幫助您更高效地使用它
添加代碼片段文件的文件名稱，會生成.code-snippets后綴的文件
定義用戶片段
{
"自動補全console.log": {
"scope": "javascript,typescript",
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "輸出console.log('')"
}
}
復制代碼
在鍵盤輸入log時效果如下
指定光標處的默認值并選中
"body": [
"console.log('${1:abc}');"
],
復制代碼
指定光標處的默認值有多個，并提供下拉選擇
用兩個豎線包含多個選擇值，|多個選擇值直接用逗號隔開|
"body": [
"console.log('${1:abc}');",
"${2|aaa,bbb,ccc|}"
],
復制代碼
新建當前工作區(qū)的代碼片段
只需要選擇文件 -> 首選項 -> 用戶片段 -> 新建xxx文件夾的代碼片段, 新建后會在當前工作區(qū)生成.vscode/xxx.code-snippets文件
技巧二：Emmet
vscode內置了對Emmet的支持，無需額外擴展。
技巧三：對光標處代碼變量快速重命名
選中或者光標所處的位置，按F2可以對所有的變量重命名
技巧四：代碼重構建議 選中要重構的代碼，點擊出現的黃色小燈的圖標
選中重構的類型
輸入新的變量名
還可以重構到函數
相關文章
VS Code怎么設置分支排序順序? 按提交人日期分支排序的技巧
VS Code怎么設置分支排序順序？VS Code中想要控制分支的排序順序，在哪來設置呢？下面我們就來看看VSCode按提交人日期分支排序的技巧2023-08-19VSCode的autopep8插件無法自動格式化含中文的utf-8編碼文件錯誤的解決
配置autopep8插件并安裝相關依賴后，VSCode無法自動格式化含有中文的代碼文件，這里就為大家分享一下解決方法2023-09-24VSCode選項卡上的擴展怎么關閉出發(fā)? vscode不顯示觸發(fā)選項卡上的擴展技
VSCode選項卡上的擴展怎么關閉出發(fā)？VSCode選項卡中可以出發(fā)擴展，也可以關閉觸發(fā)，該怎么操作呢？下面我們就來看看vscode不顯示觸發(fā)選項卡上的擴展技巧2023-10-07vscode怎么關閉啟用預覽? VSCode取消右側預覽面板的技巧
vscode怎么關閉啟用預覽？vscode中可以預覽，該怎么開啟或者關閉預覽面板呢？下面我們就來看看VSCode取消右側預覽面板的技巧2023-10-16VSCode合并運行按鈕怎么關閉? VSCode關閉一鍵運行的技巧
VSCode合并運行按鈕怎么關閉？雖然合并運行很方便但是有時候用不到，想要關閉，該怎么操作呢？下面我們就來看看VSCode關閉一鍵運行的技巧2025-04-03VS Code怎么取消自動簽名? VSCode關閉總是簽字的技巧
VS Code怎么關閉自動簽名？VSCode中可以自動簽名，現在想要關閉自動簽字，該怎么操作呢？下面我們就來看看VSCode關閉總是簽字的技巧2023-10-16VS 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-27VSCode導航欄怎么顯示函數? VSCode設置顯示函數的方法
VSCode導航欄怎么顯示函數？VSCode中的函數很常用，想要顯示在導航欄，該怎么操作呢？下面我們就來看看VSCode設置顯示函數的方法2023-11-27
