vs codeでnodejsを実行する方法

PHPz
リリース: 2023-05-27 21:06:07
オリジナル
1980 人が閲覧しました

VS Code は、複数のプログラミング言語をサポートする非常に人気のあるコード エディターです。その中でも、Node.js は非常に一般的なサーバーサイド JavaScript 環境です。 VS Code で Node.js を実行すると、バックエンド アプリケーションをより簡単に開発およびデバッグできるようになります。では、VS Code で Node.js を実行するにはどうすればよいでしょうか?この記事ではそれをお伝えします。

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

最初のステップは、Node.js がインストールされていることを確認することです。すでに Node.js がインストールされている場合は、この手順をスキップできます。インストールされていない場合は、次の手順に従って Node.js をインストールします。

  1. Node.js 公式 Web サイトを開きます: https://nodejs.org/zh-cn/
  2. クリックしてダウンロードします。Node.js の最新バージョンをダウンロードするボタンです。
  3. 段階的な手順に従って Node.js をインストールします。
  4. インストールが完了したら、次のコマンドを入力します。ターミナルまたはコマンド ラインでコマンドを実行して、Node.js が正常にインストールされているかどうかを確認します。
node -v
ログイン後にコピー

Node.js のバージョン番号が出力されれば、Node.js は正常にインストールされています。

2. VS Code を使用して Node.js を実行する

Node.js を正常にインストールしたら、次のステップは VS Code で Node.js プロジェクトを作成することです。

  1. VS Code を開く
  2. プロジェクトを保存する新しいフォルダーを作成します
  3. フォルダー内に app.js などの新しい JavaScript ファイルを作成します
  4. Node.js コードを app.js に記述します。例:
const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, World!
');
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});
ログイン後にコピー

このコードは HTTP サーバーを作成し、ポート 3000 でリッスンし、World! の応答である Hello を返します。

  1. VS Code でターミナルを開き、次のコマンドを実行して Node.js のデバッグ ツールをインストールします:
npm install -g node-inspect
ログイン後にコピー
  1. F5 を押すか、VS Code 内をクリックします。 [デバッグ] ボタン、デバッグ モードに入ります。
  2. VS Code のデバッグ パネルで、Node.js を選択します。
  3. launch.json ファイルに構成を追加して、Node.js アプリケーションを起動します。例:
{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",
  "restart": true
}
ログイン後にコピー

実際のファイル パスに基づいて変更します。

  1. デバッグ パネルの [実行] ボタンをクリックして、Node.js アプリケーションを開始します。この時点で、VS Code で Node.js 実行環境が開始されており、デバッガーは正常に動作します。
  2. ブラウザで http://localhost:3000/ にアクセスすると、Hello, World! の応答が表示されます。

3. Node.js のデバッグ

VS Code で Node.js を実行する利点は、簡単にデバッグできることです。以下は、VS Code で Node.js をデバッグするための基本操作の一部です。

  1. ブレークポイントの設定: VS Code のコード行番号をクリックして、ブレークポイントを設定します。コードがブレークポイントまで実行されると、プログラムは実行を一時停止し、デバッガーでコードの実行プロセスを分析できます。
  2. 変数の監視: デバッガーでは、変数の値に加えて、変数の型やスコープなどの情報を表示できます。
  3. 呼び出しスタックのトレース: デバッガーはコード実行の呼び出しスタックをトレースでき、呼び出しスタック内の各関数の呼び出しプロセスを表示できます。
  4. 例外のシミュレーション: プログラムの実行中に、例外処理をテストするために例外をシミュレートできます。

以上がVS CodeでNode.jsを実行する基本的な操作方法と、Node.jsをデバッグする基本的な操作です。これらの操作を通じて、バックエンド アプリケーションの開発とテストをより簡単に行うことができます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート