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 を使って感じてみましょう:
TypeScript にはすでに優れたジャンプ サポートがあるため、プラグインは ts 関連のジャンプを実装していません。
プラグインも単なるpackages.jsonファイルです。
VSCode プラグイン検索に ravenq
と入力すると、プラグインがすぐに検索されます:
- プロジェクト アドレス: 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 サイトの他の関連記事を参照してください。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック









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

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

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

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

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

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

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

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