我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

vscode中如何使用定位node模块的插件-创新互联

小编给大家分享一下vscode中如何使用定位node模块的插件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

10年积累的网站建设、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有萍乡免费网站建设让你可以放心的选择与我们合作。

在使用 VSCode 开发 Node.js (包括 node 端和前端 Vue/Angle/React) 等开发时,经常与遇到一个很痛苦的事:

依赖一个模块时想大概浏览一下这个模块的源码和 API。

可是 node_modules 目录下的模块多的惊人,各种滚动条滚动,各种考验眼力。

于是我找到了这么一个插件 Search node_modules。可惜这个插件只能通过命令输入模块名称进行搜索定位。

但是能不能直接从代码的导入语句中直接定位能,类似按住 ctrl + 鼠标左键点击转到定义处,这样多方便:

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

于是,我就自己开发了一个插件,可以快速定位 node 模块:vscode-goto-node-modules。

来张 GIF 感受一下:

vscode中如何使用定位node模块的插件

由于 TypeScript 已经有很好的跳转支持,所以插件也就没有实现 ts 相关的跳转。

插件同时只是 packages.json 文件。

在 VSCode 插件搜索输入ravenq 可快速搜索到插件:

vscode中如何使用定位node模块的插件

以上是“vscode中如何使用定位node模块的插件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


名称栏目:vscode中如何使用定位node模块的插件-创新互联
网页链接:http://shouzuofang.com/article/dgsipi.html

其他资讯