分享vscode中定位node模塊的插件：vscode-goto-node-modules

相關(guān)推薦：《vscode教程》、《vscode教程》

在使用 vscode 開發(fā) Node.JS (包括 node 端和前端 Vue/Angle/React) 等開發(fā)時(shí)，經(jīng)常與遇到一個(gè)很痛苦的事：

依賴一個(gè)模塊時(shí)想大概瀏覽一下這個(gè)模塊的源碼和 API。

可是 node_modules 目錄下的模塊多的驚人，各種滾動(dòng)條滾動(dòng)，各種考驗(yàn)眼力。

于是我找到了這么一個(gè)插件 Search node_modules。可惜這個(gè)插件只能通過命令輸入模塊名稱進(jìn)行搜索定位。

但是能不能直接從代碼的導(dǎo)入語句中直接定位能，類似按住 ctrl + 鼠標(biāo)左鍵點(diǎn)擊轉(zhuǎn)到定義處，這樣多方便：

import xxx from 'xxx' var xxx = require('xxx') ...

于是，我就自己開發(fā)了一個(gè)插件，可以快速定位 node 模塊：vscode-goto-node-modules。

來張 GIF 感受一下：

由于 typescript 已經(jīng)有很好的跳轉(zhuǎn)支持，所以插件也就沒有實(shí)現(xiàn) ts 相關(guān)的跳轉(zhuǎn)。

插件同時(shí)只是 packages.json 文件。

在 VSCode 插件搜索輸入 ravenq 可快速搜索到插件：

• 項(xiàng)目地址：https://github.com/ravenq/vscode-goto-node-modules
• 插件市場(chǎng)：https://marketplace.visualstudio.com/items?itemName=ravenq.vscode-goto-node-modules

更多編程相關(guān)知識(shí)，請(qǐng)?jiān)L問：vscode教程！！

以上就是分享