VSCode通過Ctrl+P快速打開node_modules中的文件的操作方法
背景
咱們新建一個(gè)NodeJS項(xiàng)目，必然會安裝許多依賴包，因此經(jīng)常需要查閱某些依賴包的源碼文件。但是，由于node_modules目錄包含的文件太多，出于性能考慮，在VSCode中默認(rèn)情況下是禁止搜索node_modules目錄的。在這種情況下，我們將不得不依次展開node_modules的文件目錄樹，來查找我們所需要的文件。相信這種體驗(yàn)一定是非常低效、惱人的。那么，我們該如何定制VSCode的這種缺省行為呢？
目標(biāo)
我們以CabloyJS項(xiàng)目為例。一個(gè)新建的CabloyJS項(xiàng)目包含大量核心模塊，我們希望快速查看工作流模塊a-flow的源碼，可以這樣操作:
使用快捷鍵Ctrl + P，打開Quick Open面板
輸入a-flow/pa，即可快速定位到文件node_modules/egg-born-module-a-flow/package.json
VSCode配置
為了達(dá)到以上目標(biāo)，我們僅需要在settings.json文件中添加以下配置：
{
"search.exclude": {
"**/node_modules":false
},
"search.useIgnoreFiles":false
}- 將
**/node_modules設(shè)為false，從而禁用缺省行為，從而支持node_modules目錄的檢索 - 對于許多項(xiàng)目而言，將
**/node_modules設(shè)為false就已經(jīng)足夠了。那么，為什么還需要將search.useIgnoreFiles設(shè)為false呢？這是因?yàn)橛械捻?xiàng)目包含.gitignore文件，而.gitignore文件中忽略了node_modules目錄，這個(gè)機(jī)制仍然限制了VSCode對node_modules目錄的檢索。因此，我們需要配置該參數(shù)，從而忽略這種默認(rèn)行為
結(jié)論
簡而言之，將search.useIgnoreFiles設(shè)置為false才是這篇文章的題眼。因?yàn)?，我是查閱了大量英文社區(qū)資源才得出了這個(gè)問題所在，也希望能節(jié)省大家的時(shí)間
到此這篇關(guān)于VSCode如何通過Ctrl+P快速打開node_modules中的文件的文章就介紹到這了,更多相關(guān)VSCode打開node_modules文件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Yarn是facebook發(fā)布的一款取代npm的包管理工具,下面這篇文章主要給大家介紹了關(guān)于yarn安裝路徑的成功修改并配置環(huán)境的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
淺析node連接數(shù)據(jù)庫（express+mysql）
Node是一個(gè)Javascript運(yùn)行環(huán)境(runtime)。實(shí)際上它是對Google V8引擎進(jìn)行了封裝。V8引 擎執(zhí)行Javascript的速度非?？欤阅芊浅：?。Node對一些特殊用例進(jìn)行了優(yōu)化，提供了替代的API，使得V8在非瀏覽器環(huán)境下運(yùn)行得更好2015-11-11
Node.js從字符串生成文件流的實(shí)現(xiàn)方法
這篇文章主要介紹了Node.js從字符串生成文件流的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
Node.js 8 中的 util.promisify的詳解
本篇文章主要介紹了Node.js 8 中的 util.promisify的詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要介紹了如何卸載和重新安裝Node.js,包括卸載步驟、刪除相關(guān)文件、修改系統(tǒng)環(huán)境變量,以及安裝步驟、驗(yàn)證安裝和配置環(huán)境變量,需要的朋友可以參考下2025-02-02
使用Node.js實(shí)現(xiàn)ORM的一種思路詳解(圖文)
這篇文章主要介紹了用Node.js實(shí)現(xiàn)ORM的一種思路詳解(圖文),需要的朋友可以參考下2017-10-10
這篇文章主要介紹了node.js去水印方法,結(jié)合實(shí)例形式分析了node.js基于第三方平臺實(shí)現(xiàn)去水印的相關(guān)交互與操作技巧,需要的朋友可以參考下2023-04-04
Node.js 回調(diào)函數(shù)實(shí)例詳解
這篇文章主要介紹了Node.js 回調(diào)函數(shù)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07
這篇文章主要介紹了node制作一個(gè)視頻幀長圖生成器操作分享，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下2022-08-08
在Node.js文件上傳中集成ClamAV掃描的詳細(xì)步驟
本文介紹了在Node.js文件上傳中集成ClamAV掃描的具體步驟,包括安裝、使用、Express集成和遠(yuǎn)程掃描等,該庫在文件落盤前完成掃描,返回類型化的verdictsymbol,不依賴第三方運(yùn)行時(shí),需要的朋友可以參考下2026-04-04