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

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

包括：

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

一鍵執(zhí)行 npm scripts

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

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

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

在側(cè)欄打開文件

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

因為默認 vscode 都是在當(dāng)前編輯器打開新文件，如果不知道按住 option 點擊可以新開編輯器，還是挺麻煩的事情。

更強大的搜索

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