VSCode通過Ctrl+P快速打開node_modules中的文件的操作方法
背景
咱們新建一個NodeJS項目,必然會安裝許多依賴包,因此經(jīng)常需要查閱某些依賴包的源碼文件。但是,由于node_modules目錄包含的文件太多,出于性能考慮,在VSCode中默認情況下是禁止搜索node_modules目錄的。在這種情況下,我們將不得不依次展開node_modules的文件目錄樹,來查找我們所需要的文件。相信這種體驗一定是非常低效、惱人的。那么,我們該如何定制VSCode的這種缺省行為呢?
目標
我們以CabloyJS項目為例。一個新建的CabloyJS項目包含大量核心模塊,我們希望快速查看工作流模塊a-flow
的源碼,可以這樣操作:
使用快捷鍵Ctrl + P
,打開Quick Open
面板
輸入a-flow/pa
,即可快速定位到文件node_modules/egg-born-module-a-flow/package.json
VSCode配置
為了達到以上目標,我們僅需要在settings.json
文件中添加以下配置:
{ "search.exclude": { "**/node_modules":false }, "search.useIgnoreFiles":false }
- 將
**/node_modules
設(shè)為false
,從而禁用缺省行為,從而支持node_modules目錄的檢索 - 對于許多項目而言,將
**/node_modules
設(shè)為false
就已經(jīng)足夠了。那么,為什么還需要將search.useIgnoreFiles
設(shè)為false
呢?這是因為有的項目包含.gitignore
文件,而.gitignore
文件中忽略了node_modules目錄,這個機制仍然限制了VSCode對node_modules目錄的檢索。因此,我們需要配置該參數(shù),從而忽略這種默認行為
結(jié)論
簡而言之,將search.useIgnoreFiles
設(shè)置為false
才是這篇文章的題眼。因為,我是查閱了大量英文社區(qū)資源才得出了這個問題所在,也希望能節(jié)省大家的時間
到此這篇關(guān)于VSCode如何通過Ctrl+P快速打開node_modules中的文件的文章就介紹到這了,更多相關(guān)VSCode打開node_modules文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
nodejs文件實現(xiàn)打包成exe, 并設(shè)置開機自啟動的方法詳解(沒有黑窗口)
這篇文章主要介紹了nodejs文件實現(xiàn)打包成exe, 并設(shè)置開機自啟動的方法,結(jié)合實例形式分析了node.js使用pkg包實現(xiàn)生成exe可執(zhí)行文件的相關(guān)操作技巧,需要的朋友可以參考下2023-05-05Node.js 中的流Stream模塊簡介及如何使用流進行數(shù)據(jù)處理
Node.js中的流(Stream)模塊用于高效處理流式數(shù)據(jù),包括可讀流、可寫流、雙邊流和轉(zhuǎn)換流等,通過`fs.createReadStream`和`.pipe`方法可以方便地讀取文件并寫入控制臺或處理網(wǎng)絡(luò)請求,在實際開發(fā)中,需要注意錯誤處理、資源管理和性能優(yōu)化等問題2025-03-03Node在Controller層進行數(shù)據(jù)校驗的過程詳解
這篇文章主要給大家介紹了關(guān)于Node在Controller層進行數(shù)據(jù)校驗的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08詳解Node.js中exports和module.exports的區(qū)別
這篇文章主要介紹了詳解Node.js中exports和module.exports的區(qū)別,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04PostgreSQL Node.js實現(xiàn)函數(shù)計算方法示例
這篇文章主要給大家介紹了關(guān)于PostgreSQL Node.js實現(xiàn)函數(shù)計算的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02window10系統(tǒng)下nvm詳細安裝步驟以及使用
nvm可以管理不同版本的node和npm,可以簡單操作node版本的切換、安裝、查看等,下面這篇文章主要給大家介紹了關(guān)于window10系統(tǒng)下nvm詳細安裝步驟以及使用的相關(guān)資料,需要的朋友可以參考下2022-07-07