本篇文章給大家分享一下你可能不知道的vscode小技巧，它能夠讓你寫(xiě)代碼效率更高，可以幫你提高開(kāi)放效率，快來(lái)收藏吧！

vscode 是我們寫(xiě)代碼常用的編輯器，它的功能很多，但其實(shí)我們有很多功能都沒(méi)用到，這篇文章就是想梳理下那些可能你不知道的但是卻對(duì)效率提高很有幫助的一些技巧?！就扑]學(xué)習(xí)：《vscode教程》】

包括：

• 一鍵執(zhí)行 npm scripts
• 一鍵 diff、預(yù)覽
• 在新頁(yè)面搜索
• git 視圖顯示目錄樹(shù)
• 在新編輯器打開(kāi)文件
• 編輯時(shí)快速刪除、復(fù)制、移動(dòng)行
• 全局搜索文件、跳轉(zhuǎn)到某行
• 快速切換大小寫(xiě)

一鍵執(zhí)行 npm scripts

執(zhí)行 npm scripts 需要在命令行？那是你沒(méi)用過(guò) vscode 自帶的這個(gè)功能。

vscode 會(huì)掃描所有的 npm scripts，然后列出來(lái)，直接點(diǎn)擊 run 就會(huì)打開(kāi) terminal 來(lái)跑，而且高版本 vscode 還可以直接 debug 來(lái)跑。

根本不需要自己輸入 npm run xxx。

在側(cè)欄打開(kāi)文件

當(dāng)打開(kāi)文件的時(shí)候，默認(rèn)會(huì)在當(dāng)前編輯器打開(kāi)，如果想新開(kāi)一個(gè)編輯器打開(kāi)呢？這時(shí)候可以按住 option 再點(diǎn)擊文件，就會(huì)新開(kāi)一個(gè)編輯器打開(kāi)文件了。

因?yàn)槟J(rèn) vscode 都是在當(dāng)前編輯器打開(kāi)新文件，如果不知道按住 option 點(diǎn)擊可以新開(kāi)編輯器，還是挺麻煩的事情。

更強(qiáng)大的搜索

搜索這個(gè)面板有個(gè)按鈕可能很多同學(xué)都沒(méi)注意到過(guò)，點(diǎn)擊之后會(huì)打開(kāi)搜索頁(yè)面來(lái)搜索，可以預(yù)覽的搜索結(jié)果更豐富，行數(shù)