搜索
首页开发工具VSCode分享vscode中定位node模块的插件:vscode-goto-node-modules

分享vscode中定位node模块的插件:vscode-goto-node-modules

相关推荐:《vscode教程》、《nodejs 教程

在使用 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-goto-node-modules

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

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

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

vscode-plugin-search-vscode-goto-modules

  • 项目地址:https://github.com/ravenq/vscode-goto-node-modules
  • 插件市场:https://marketplace.visualstudio.com/items?itemName=ravenq.vscode-goto-node-modules

更多编程相关知识,请访问:编程教学!!

以上是分享vscode中定位node模块的插件:vscode-goto-node-modules的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文转载于:csdn。如有侵权,请联系admin@php.cn删除
vscode中文注释变成问号怎么解决vscode中文注释变成问号怎么解决Apr 15, 2025 pm 11:36 PM

解决 Visual Studio Code 中中文注释变为问号的方法:检查文件编码,确保为“UTF-8 without BOM”。更改字体为支持中文字符的字体,如“宋体”或“微软雅黑”。重新安装字体。启用 Unicode 支持。升级 VSCode,重启计算机,重新创建源文件。

vscode怎么调成中文vscode怎么调成中文Apr 15, 2025 pm 11:33 PM

将 VS Code 切换为中文需要三步:安装中文语言包,方法是:在 VS Code 扩展中搜索“Chinese (Simplified)”并安装它。在“设置”页面中将“User Locale”设置为“zh-CN”。重启 VS Code。

vscode是什么时候出来的vscode是什么时候出来的Apr 15, 2025 pm 11:30 PM

Visual Studio Code(VS Code)于 2015 年 4 月 29 日首次发布。此后,它不断更新,最新版本是 2023 年 8 月 3 日发布的 VS Code 1.73.1。

vscode终端怎么运行代码vscode终端怎么运行代码Apr 15, 2025 pm 11:27 PM

在 Visual Studio Code 终端中运行代码有两种方法:1)通过命令行导航到代码目录并输入命令;2)右键单击代码文件并选择“运行代码”。使用快捷键 Ctrl F5(Windows)或 Cmd F5(macOS)可在终端中运行代码。

vscode怎么运行汇编代码vscode怎么运行汇编代码Apr 15, 2025 pm 11:24 PM

在 VSCode 中运行汇编代码需要:安装 GAS 汇编器。安装 VSCode。安装 C/C 扩展。创建 .s 扩展名文件。编写汇编代码。使用 as 命令编译代码。使用 ld 命令链接代码。使用 ./ 命令运行代码。

VSCode怎么用VSCode怎么用Apr 15, 2025 pm 11:21 PM

Visual Studio Code (VSCode) 是一款跨平台、开源且免费的代码编辑器,由微软开发。它以轻量、可扩展性和对众多编程语言的支持而著称。要安装 VSCode,请访问官方网站下载并运行安装程序。使用 VSCode 时,可以创建新项目、编辑代码、调试代码、导航项目、扩展 VSCode 和管理设置。VSCode 适用于 Windows、macOS 和 Linux,支持多种编程语言,并通过 Marketplace 提供各种扩展。它的优势包括轻量、可扩展性、广泛的语言支持、丰富的功能和版

vscode上搭建go开发环境详细教程vscode上搭建go开发环境详细教程Apr 15, 2025 pm 11:18 PM

搭建 Go 开发环境包括:安装 Go 语言并设置 PATH 环境变量。安装 Visual Studio Code (VSCode)。安装 "Go" 扩展。配置 VSCode 中的 Go 设置和 GOPATH。创建 Go 项目并编写 Go 代码。使用 F5 运行 Go 程序。利用 IntelliSense 代码自动完成和调试功能。

vscode设置中文怎么保存vscode设置中文怎么保存Apr 15, 2025 pm 11:15 PM

在 VSCode 中保存中文设置,可按照以下步骤操作:打开设置界面;搜索并修改语言为 "zh-CN" 或 "zh-TW";修改字体为支持中文显示的字体;保存更改;重启 VS Code。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
1 个月前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中