search
HomeDevelopment ToolsVSCodeShare the plug-in for locating node modules in vscode: vscode-goto-node-modules

Share the plug-in for locating node modules in vscode: vscode-goto-node-modules

Related recommendations: "vscode tutorial", "nodejs tutorial"

Using VSCode to develop Node.js ( When developing (including node and front-end Vue/Angle/React), I often encounter a very painful thing:

When I depend on a module, I want to briefly browse the source code and API of this module.

But there are an astonishing number of modules in the node_modules directory, and various scroll bars are scrolling, which tests your eyesight.

So I found such a plug-in Search node_modules. Unfortunately, this plug-in can only be searched and positioned by entering the module name through the command.

But can you directly locate the function from the import statement of the code, similar to holding down ctrl and left-clicking the mouse to go to the definition? This is so convenient:

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

So, I developed it myself A plug-in is installed to quickly locate node modules: Share the plug-in for locating node modules in vscode: vscode-goto-node-modules.

Let’s get a GIF to feel it:

Share the plug-in for locating node modules in vscode: vscode-goto-node-modules

Since TypeScript already has good jump support, the plug-in does not implement ts-related jumps.

Plug-ins are also just packages.json files.

Enter ravenq in the VSCode plug-in search to quickly search for the plug-in:

Share the plug-in for locating node modules in vscode: vscode-goto-node-modules

  • Project address: https://github .com/ravenq/Share the plug-in for locating node modules in vscode: vscode-goto-node-modules
  • Plugin Market: https://marketplace.visualstudio.com/items?itemName=ravenq.Share the plug-in for locating node modules in vscode: vscode-goto-node-modules

For more programming-related knowledge, please visit: Programming Teaching! !

The above is the detailed content of Share the plug-in for locating node modules in vscode: vscode-goto-node-modules. For more information, please follow other related articles on the PHP Chinese website!

Statement
This article is reproduced at:csdn. If there is any infringement, please contact admin@php.cn delete
What is Visual Studio Used For?What is Visual Studio Used For?Apr 16, 2025 am 12:04 AM

VisualStudio supports a variety of programming languages, such as C#, C, Python, JavaScript, etc. 1) It provides syntax highlighting, code completion and error prompts to help write code. 2) The integrated debugger can execute code step by step, set breakpoints and view variable values. 3) Support version control systems such as Git, manage code changes and collaborative development. 4) Project management functions organize and build large-scale projects to ensure maintainability and scalability.

How to type multiple lines of comments in vscodeHow to type multiple lines of comments in vscodeApr 15, 2025 pm 11:57 PM

VS Code The methods of multi-line commenting are: 1. Shortcut keys (Ctrl K C or Cmd K C); 2. Manually add comment symbols (/ /); 3. Select menu ("Comment Block"); 4. Use extensions; 5. Recursive comments (/* /) and block comments ({/ and /}). Multi-line comments help improve code readability and maintainability, but overuse should be avoided.

What is the difference between vscode and pycharmWhat is the difference between vscode and pycharmApr 15, 2025 pm 11:54 PM

The main differences between VS Code and PyCharm are: 1. Extensibility: VS Code is highly scalable and has a rich plug-in market, while PyCharm has wider functions by default; 2. Price: VS Code is free and open source, and PyCharm is paid for professional version; 3. User interface: VS Code is modern and friendly, and PyCharm is more complex; 4. Code navigation: VS Code is suitable for small projects, and PyCharm is more suitable for large projects; 5. Debugging: VS Code is basic, and PyCharm is more powerful; 6. Code refactoring: VS Code is basic, and PyCharm is richer; 7. Code

What language is written in vscodeWhat language is written in vscodeApr 15, 2025 pm 11:51 PM

VSCode is written in TypeScript and JavaScript. First, its core code base is written in TypeScript, an open source programming language that extends JavaScript and adds type checking capabilities. Secondly, some extensions and plug-ins of VSCode are written in JavaScript. This combination makes VSCode a flexible and extensible code editor.

How to set up vscode without networking in ChineseHow to set up vscode without networking in ChineseApr 15, 2025 pm 11:48 PM

Set VS Code offline to Chinese: Download Chinese language packs, unzip language pack files, copy language pack files, restart VS Code, set Chinese language (you can choose to change the interface language).

vscode setting Chinese tutorialvscode setting Chinese tutorialApr 15, 2025 pm 11:45 PM

VS Code supports Chinese settings, which can be completed by following the steps: Open the settings panel and search for "locale". Set "locale.language" to "zh-CN" (Simplified Chinese) or "zh-TW" (Traditional Chinese). Save settings and restart VS Code. The settings menu, toolbar, code prompts, and documents will be displayed in Chinese. Other language settings can also be customized, such as file tag format, entry description, and diagnostic process language.

vscode installation tutorialvscode installation tutorialApr 15, 2025 pm 11:42 PM

How to install Visual Studio Code? Download the installer to install the installer to start Visual Studio Code configuration settings Install extension start encoding

How to switch Chinese mode with vscodeHow to switch Chinese mode with vscodeApr 15, 2025 pm 11:39 PM

VS Code To switch Chinese mode: Open the settings interface (Windows/Linux: Ctrl, macOS: Cmd,) Search for "Editor: Language" settings Select "Chinese" in the drop-down menu Save settings and restart VS Code

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat Commands and How to Use Them
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft