ホームページ  >  記事  >  ウェブフロントエンド  >  vscodeがnodejsコードを実行する方法

vscodeがnodejsコードを実行する方法

WBOY
WBOYオリジナル
2023-05-18 10:16:375098ブラウズ

VS Code を使用して Node.js コードを作成する場合は、最初に Node.js 環境と VS Code 拡張機能をインストールする必要があります。 VS Code で Node.js コードを実行する方法の手順は次のとおりです。

  1. Node.js 環境をインストールする

Node.js をインストールしていない場合まだ環境が整っていない場合は、公式サイトからNode.jsをダウンロードしてインストールしてください。インストールが完了したら、次のコマンドを実行して、Node.js のバージョンが正しいかどうかを確認できます。

node -v
  1. VS Code 拡張機能をインストールします

VS Code を使用して Node.js コードを作成することをお勧めします。これには、関連する拡張機能のインストールが必要です。次の図に示すように、VS Code のプラグイン ストアで「Node.js」を検索すると、関連する拡張機能を見つけることができます。

vscodeがnodejsコードを実行する方法

インストールが完了したら、再起動します。 VSコード。

  1. Node.js プロジェクトの作成

VS Code では、ターミナルまたはコマンド ラインを使用して Node.js プロジェクトを作成できます。 VS Code を開き、「ctrl Shift p」キーを押してコマンド パネルを開き、パネルで「ターミナル: 新しい統合ターミナルの作成」を検索します。このコマンドを選択すると、VS Code でターミナル ウィンドウが開きます:

vscodeがnodejsコードを実行する方法

ターミナル パネルで次のコマンドを入力して、新しい Node.js プロジェクトを作成します。

mkdir my_project
cd my_project
npm init

上記の操作を実行した後、「my_project」フォルダーという名前のプロジェクトを作成します。プロジェクトの依存関係を管理するために、その中に「package.json」という名前のファイルが含まれています。このプロセス中に、必要に応じてプロジェクト情報を入力します。

  1. Node.js コードの作成

VS Code では、組み込みエディタを使用して Node.js コードを作成できます。 「index.js」という名前のファイルを作成し、そのファイルに次のコードを記述します。

console.log("Hello World!");

ファイルを保存した後、VS Code でターミナル パネルを開き、次のコマンドを使用して「Hello World」を出力できます。 「コンソールで!」 メッセージ:

node index.js
  1. Node.js コードのデバッグ

VS Code には、Node.js コードのデバッグに役立つ組み込みデバッガーも提供されています。 Node.js コードをデバッグするには、次の手順を使用できます。

ステップ 1: "launch.json" ファイルに構成を追加する

VS Code のサイドバーで、デバッグ ビューを見つけます。そこで「launch.json」ファイルを見つけます。次の構成をファイルに追加します。

{
  "version": "0.2.0",
  "configurations": [{
    "type": "node",
    "request": "launch",
    "name": "Launch Program",
    "program": "${file}"

  }]
}

ファイルを保存すると、構成は自動的に保存され、この新しく作成された構成項目が [デバッグ] ビューの上のドロップダウン メニューに表示されます。

ステップ 2: コードにブレークポイントを挿入する

エディターで「index.js」ファイルを開き、コードにブレークポイントを追加します。ブレークポイントは、エディターの左側にある行番号をクリックして設定できます。

ステップ 3: デバッガーを開始します

F5 キーを押すか、[実行] ボタンをクリックしてデバッガーを開始します。

ステップ 4: コードのデバッグ

デバッガーが起動してブレークポイントに到達したら、シングルステップ実行や実行の再開などのコマンドを使用してコードの実行を確認できます。デバッグ ツール ウィンドウの変数、スタック、またはコンソール ビューを使用して、コードのステータスとデバッグ情報を表示できます。

概要

上記は、VS Code で Node.js コードを実行する手順です。優れた開発ツールを使用すると、プログラムの開発効率が大幅に向上します。開発者にとって、VS Code で Node.js コードを迅速に実行およびデバッグする方法を理解することは非常に重要です。この記事がお役に立てば幸いです。読んでいただきありがとうございます。

以上がvscodeがnodejsコードを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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