搜尋
首頁開發工具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中定位node模組的插件:vscode-goto-node-modules。

來張 GIF 感受一下:

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

由於 TypeScript 已經有很好的跳躍支持,所以插件也沒有實現 ts 相關的跳躍。

外掛程式同時只是 packages.json 檔案。

在VSCode 外掛程式搜尋輸入ravenq 可快速搜尋到外掛:

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

    ##專案位址:https://github .com/ravenq/分享vscode中定位node模組的插件:vscode-goto-node-modules
  • 外掛程式市場:https://marketplace.visualstudio.com/items?itemName=ravenq.分享vscode中定位node模組的插件:vscode-goto-node-modules
更多程式相關知識,請造訪:

程式設計教學! !

以上是分享vscode中定位node模組的插件:vscode-goto-node-modules的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:csdn。如有侵權,請聯絡admin@php.cn刪除
vscode什麼語言寫的vscode什麼語言寫的Apr 15, 2025 pm 11:51 PM

VSCode 是用 TypeScript 和 JavaScript 編寫的。首先,它的核心代碼庫是用 TypeScript 編寫的,這是一種擴展了 JavaScript 並增加了類型檢查功能的開源編程語言。其次,VSCode 的一些擴展和插件是用 JavaScript 編寫的。這種組合使 VSCode 成為一款靈活且可擴展的代碼編輯器。

vscode不聯網怎麼設置中文vscode不聯網怎麼設置中文Apr 15, 2025 pm 11:48 PM

離線設置 VS Code 為中文: 下載中文語言包、解壓語言包文件、複製語言包文件、重啟 VS Code、設置中文語言(可選擇更改界面語言)。

vscode設置中文教程vscode設置中文教程Apr 15, 2025 pm 11:45 PM

VS Code 支持中文設置,可通過以下步驟完成:打開設置面板並蒐索 "locale"。將 "locale.language" 設置為 "zh-CN"(簡體中文)或 "zh-TW"(繁體中文)。保存設置並重啟 VS Code。設置菜單、工具欄、代碼提示和文檔將顯示為中文。還可自定義其他語言設置,如文件標籤格式、條目描述和診斷流程語言。

vscode安裝教程vscode安裝教程Apr 15, 2025 pm 11:42 PM

如何安裝 Visual Studio Code?下載安裝程序安裝安裝程序啟動 Visual Studio Code配置設置安裝擴展開始編碼

vscode怎麼切換中文模式vscode怎麼切換中文模式Apr 15, 2025 pm 11:39 PM

VS Code 切換中文模式的操作步驟:打開設置界面(Windows/Linux:Ctrl ,,macOS:Cmd ,)搜索 "Editor: Language" 設置在下拉菜單中選擇 "中文"保存設置重啟 VS Code

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。

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應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中