Nodejs 開発環境について何を学びますか?

Node.js 開発環境学習メモ: インストールから開発実践まで

Node.js は、Chrome V8 エンジンをベースにした JavaScript 実行環境で、コードの開発や JavaScript アプリケーションの実行を簡単に行うことができます。サーバーサイドのものを含む Web アプリケーション。 Node.js 開発を始める前に、まず開発環境を準備する必要があります。この記事では、Node.js 開発環境の準備方法と基本的な開発実践方法を紹介します。

1. Node.js のインストール

Node.js を開発するには、まず Node.js をインストールする必要があります。 Node.js 公式 Web サイトから最新バージョンの Node.js をダウンロードしてインストールできます。インストール中にデフォルト設定を選択できます。

2. IDE のインストール

適切な IDE を選択すると、開発効率が大幅に向上します。一般的に使用される IDE には、Visual Studio Code、WebStorm、Sublime Text などが含まれます。自分の好みやニーズに応じて選択できます。この記事では、開発ツールとして Visual Studio Code (以下、VS Code) を選択します。

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

VS Code で空のフォルダーを開き、メニュー バーの [ターミナル] - [新しいターミナル] からターミナルを開くことができます。ターミナルで次のコマンドを入力して、単純な Node.js プロジェクトを作成します:

mkdir my-node-project
cd my-node-project
npm init

このコマンドを実行すると、いくつかのプロンプトが表示されます。対応する質問に答えて package.json ファイルを作成できます。このファイル名前、バージョン、依存関係など、プロジェクトに関する基本情報が含まれています。依存関係フィールドは、プロジェクトの依存関係を説明するために使用されます。Node.js はこのフィールドを使用して、必要なモジュールを自動的にダウンロードしてインストールします。

4. モジュールのインストール

npm コマンドを使用してモジュールをインストールできます。ターミナルでプロジェクトのルート ディレクトリを入力し、次のコマンドを実行して Express モジュールをインストールします。

npm install express

5. Express アプリケーションを作成する

Node をよりよく理解するために.js 開発の練習のために、簡単な Express アプリケーションを作成できます。 VS Code のターミナルで、次のコマンドを入力して app.js ファイルを作成します:

touch app.js

app.js に次のコードを入力します:

// 引入 express 并创建一个 express 对象
const express = require('express')
const app = express()

// 定义路由
app.get('/', (req, res) => {
  res.send('Hello World!')
})

// 监听端口
app.listen(3000, () => {
  console.log('应用程序已启动，访问 http://localhost:3000')
})

コードは次のように説明されます:

• 行 1: require を使用して Express モジュールを導入し、初期化して Express オブジェクトを作成します。
• 行 4 ～ 6: ユーザーがルート パスにアクセスしたときに「Hello World!」という文字列を返すルートを定義します。
• 行 9: Express オブジェクトの listen() メソッドを使用して、ポート 3000 をリッスンします。ユーザーがこのポートにアクセスすると、定義されたルートが実行されます。

6. アプリケーションの実行

アプリケーションを実行するには 2 つの方法があります。1 つはターミナルからコマンド ラインを入力してプログラムを開始する方法、もう 1 つはターミナルからコマンド ラインを入力してプログラムを開始する方法です。もう 1 つは、VS Code でプログラムを開始することです。デバッグ機能を使用します。以下は 2 つのメソッドの具体的な実装です。

方法 1: ターミナルからコマンドを入力します。

VS Code のターミナルで、次のコマンドを実行します。

node app.js

次に、ブラウザを開いて http:// にアクセスします。 localhost:3000 では、「Hello World!」応答が表示されます。

方法 2: VS Code のデバッグ機能を使用する

VS Code の左側のパネルで、デバッグ アイコンをクリックしてデバッグ パネルを開きます。次に、[構成の追加]をクリックし、Node.jsを選択します。 VS Code は、プロジェクトのルート ディレクトリに .vscode フォルダーを作成し、その中に launch.json ファイルを作成します。 launch.json ファイルで、構成項目を次のように変更します。

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Node: Launch Program",
      "program": "${workspaceFolder}/app.js",
      "restart": true,
      "protocol": "inspector"
    }
  ]
}

コードの説明は次のとおりです。

• 5 行目: プログラム エントリ ファイルを app.js として指定します。
• 6行目: プログラム起動時の自動再起動を設定します。
• 行 7: VS Code でプログラムをデバッグするためのインスペクター プロトコルの使用を指定します。

次に、デバッグ パネルの [実行] ボタンをクリックしてデバッグを開始し、http://localhost:3000 にアクセスすると、VS Code のデバッグ パネルで応答結果を確認できます。

7. 概要

この記事では、Node.js 開発環境を準備する方法と、基本的な開発実践方法をいくつか紹介します。主な手順は次のとおりです。

• Node.js のインストール
• IDE のインストール
• Node.js プロジェクトの作成
• モジュールのインストール
• Express アプリケーションの作成
• アプリケーションの実行

最後に、この記事が読者が Node.js 開発環境をすぐに使い始めるのに役立つことを願っています。

以上がNodejs 開発環境について何を学びますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。