ホームページ 開発ツール VSCode vscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modules

vscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modules

Feb 13, 2021 am 09:11 AM
node vscode

vscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modules

関連する推奨事項: 「vscode チュートリアル」、「nodejs チュートリアル

VSCode を使用した Node.js の開発 (開発(ノードやフロントエンドのVue/Angle/Reactを含む)をしていると、非常につらいことによく遭遇します:

モジュールに依存するとき、このモジュールのソースコードとAPIを簡単に参照したい。

しかし、node_modules ディレクトリには驚くべき数のモジュールがあり、さまざまなスクロール バーがスクロールしているため、視力が試されます。

そこで、検索node_modulesというプラグインを見つけました。残念ながら、このプラグインは、コマンドでモジュール名を入力することによってのみ検索および配置できます。

しかし、Ctrl キーを押しながらマウスを左クリックして定義に移動するのと同じように、コードの import ステートメントから関数を直接見つけることはできますか? これは非常に便利です:

import xxx from 'xxx'
var xxx = require('xxx')
...
ログイン後にコピー

そこで、自分で開発しました。 ノード モジュールをすばやく見つけるためのプラグインがインストールされています: vscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modules。

GIF を使って感じてみましょう:

vscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modules

TypeScript にはすでに優れたジャンプ サポートがあるため、プラグインは ts 関連のジャンプを実装していません。

プラグインも単なるpackages.jsonファイルです。

VSCode プラグイン検索に ravenq と入力すると、プラグインがすぐに検索されます:

vscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modules

  • プロジェクト アドレス: https://github .com/ravenq/vscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modules
  • プラグイン マーケット: https://marketplace.visualstudio.com/items?itemName=ravenq.vscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modules

プログラミング関連の知識について詳しくは、プログラミング教育をご覧ください。 !

以上がvscode でノード モジュールを見つけるためのプラグインを共有します: vscode-goto-node-modulesの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

VSCODEに必要なコンピューター構成 VSCODEに必要なコンピューター構成 Apr 15, 2025 pm 09:48 PM

VSコードシステムの要件:オペレーティングシステム:オペレーティングシステム:Windows 10以降、MACOS 10.12以上、Linux Distributionプロセッサ:最小1.6 GHz、推奨2.0 GHz以上のメモリ:最小512 MB、推奨4 GB以上のストレージスペース:最低250 MB以上:その他の要件を推奨:安定ネットワーク接続、XORG/WAYLAND(Linux)

vscodeのヘッダーファイルを定義する方法 vscodeのヘッダーファイルを定義する方法 Apr 15, 2025 pm 09:09 PM

ビジュアルスタジオコードを使用してヘッダーファイルを定義する方法は?ヘッダーファイルを作成し、.hまたは.hpp接尾辞名(クラス、関数、変数など)を使用してヘッダーファイルにシンボルを宣言し、#includeディレクティブを使用してプログラムをコンパイルして、ソースファイルにヘッダーファイルを含めます。ヘッダーファイルが含まれ、宣言された記号が利用可能になります。

VSCODE前の次のショートカットキー VSCODE前の次のショートカットキー Apr 15, 2025 pm 10:51 PM

VSコードワンステップ/次のステップショートカットキー使用法:ワンステップ(後方):Windows/Linux:Ctrl←; macOS:CMD←次のステップ(フォワード):Windows/Linux:Ctrl→; macOS:CMD→

中国語でVSCodeを設定する方法 中国語でVSCodeを設定する方法 Apr 15, 2025 pm 09:27 PM

ビジュアルスタジオコードで中国語を設定するには2つの方法があります。1。中国語パッケージをインストールします。 2。構成ファイルの「ロケール」設定を変更します。 Visual Studioコードバージョンが1.17以上であることを確認してください。

VSCODEでコードを実行する方法 VSCODEでコードを実行する方法 Apr 15, 2025 pm 09:51 PM

コードでコードを実行すると、コードが6つしか必要ありません。1。プロジェクトを開きます。 2。コードファイルを作成して書き込みます。 3.端子を開きます。 4.プロジェクトディレクトリに移動します。 5。適切なコマンドを使用してコードを実行します。 6。出力を表示します。

vscodeを設定する方法 vscodeを設定する方法 Apr 15, 2025 pm 10:45 PM

VSCODEを有効にして設定するには、次の手順に従います。VSCODEをインストールして開始します。テーマ、フォント、スペース、コードフォーマットなどのカスタム設定。拡張機能をインストールして、プラグイン、テーマ、ツールなどの機能を強化します。プロジェクトを作成するか、既存のプロジェクトを開きます。 IntelliSenseを使用して、コードプロンプトと完了を取得します。コードをデバッグして、コードを介してブレークポイントを設定し、変数を確認します。バージョン制御システムを接続して変更を管理し、コードをコミットします。

VSCODEで書かれている言語 VSCODEで書かれている言語 Apr 15, 2025 pm 11:51 PM

VSCODEは、TypeScriptとJavaScriptで記述されています。まず、そのコアコードベースは、JavaScriptを拡張し、タイプチェック機能を追加するオープンソースプログラミング言語であるTypeScriptで記述されています。第二に、VSCODEのいくつかの拡張機能とプラグインはJavaScriptで記述されています。この組み合わせにより、VSCODEは柔軟で拡張可能なコードエディターになります。

vscodeフロントエンドプロジェクトコマンドを開始します vscodeフロントエンドプロジェクトコマンドを開始します Apr 15, 2025 pm 10:00 PM

VSCODEでフロントエンドプロジェクトを開始するコマンドはコードです。特定の手順には、プロジェクトフォルダーを開きます。 vscodeを開始します。プロジェクトを開きます。起動コマンドコードを入力します。ターミナルパネル。 Enterを押してプロジェクトを開始します。

See all articles