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

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

包括：

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

一鍵執(zhí)行 npm scripts

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

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

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

在側(cè)欄打開文件

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

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

更強(qiáng)大的搜索

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