IDEA で Node.js 開発環境をセットアップする方法

Node.js は、Chrome V8 エンジンに基づく JavaScript 実行環境であり、バックグラウンドまたはアプリケーションとして実行できます。 Web開発のツールとしてだけでなく、データストレージやモバイルアプリケーションなど様々なシーンでご利用いただけます。今日は、IDEA で Node.js 開発環境をセットアップする方法を学びます。

1. Node.js をダウンロードしてインストールする

まず、公式 Web サイトにアクセスして Node.js インストール パッケージをダウンロードする必要があります (URL は https://nodejs.org です)。 /zh-cn/ダウンロード/。ダウンロードが完了したら、インストールを開始します。

プロンプトに従って段階的にインストールします。Windows プラットフォームの場合は、インストール パッケージをダブルクリックして開き、対応する言語を選択して、[続行] をクリックします。次に、Node.js インストール インターフェイスが表示されます。[次へ] をクリックして、インストール パスを選択します。次に、カスタム インストール オプションをオンにし、パスに追加オプションをオンにします (Node.js を環境変数に追加します)。その後、インストールが完了するまで「次へ」をクリックし続けます。

2. Node.js 環境変数の設定

Windows では、環境変数を設定する必要があります。コンピュータの検索バーで環境変数を検索し、「システム環境変数の編集」をクリックします。 「システム環境変数」で「パス」を見つけて「編集」をクリックし、Node.js のインストール パスを変数値に追加します。複数のパスはセミコロンで区切ります。完了したら、「OK」をクリックして終了します。

3. IDEA の構成

IDEA を開くには、まず Node.js プラグインをインストールする必要があります。 IDEA ホームページの [設定] ボタンをクリックして設定ページに入り、検索ボックスに「Node.js」と入力し、クリックしてダウンロードしてインストールします。

次に、IDEA で Node.js プロジェクトを作成する必要があります。 IDEA ホームページを開き、[新しいプロジェクトの作成] ボタンをクリックし、Node.js の青いアプリケーション アイコンを選択して、[次へ] をクリックしてプロジェクト名とプロジェクト パスを入力します。このプロセス中に、IDEA で Node.js のバージョンを選択できます。手順 1 で Node.js をインストールした場合は、システム内の Node.js バージョンを選択するだけです。インストールされていない場合は、ここから Node.js をダウンロードし、プロンプトに従って段階的にインストールすることを選択できます。

Node.js プロジェクトを作成した後、プロジェクトに依存関係を追加する必要があります。 IDEA のプロジェクト パネルで、「package.json」ファイルを見つけてダブルクリックして開き、その中の「依存関係」フィールドを編集して必要な依存関係を追加します。たとえば、Express.js をインストールする場合は、「依存関係」フィールドに次のコードを追加します。

"dependencies": {
    "express": "^4.17.1",
}

IDEA コンソールで次のコマンドを実行して、必要な依存関係を Node.js プロジェクトに追加します。

npm install

4. プロジェクトを開始します

最後に、Node.js プロジェクトを開始する必要があります。 IDEA のプロジェクト パネルで、「app.js」ファイルを見つけて (見つからない場合は、プロジェクトのルート ディレクトリに作成できます)、コードに基本的な Express.js コードを追加します。

const express = require('express')
const app = express()

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

const port = process.env.PORT || 3000
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
})

簡単なExpress.jsプログラムを実装しただけですが、ブラウザで「http://localhost:3000」にアクセスすると、「Hello World!」の文字が表示されます。

最後に、コンソールに次のコマンドを入力してプロジェクトを開始します。

npm start

プロジェクトが開始されたら、ブラウザで http://localhost:3000 にアクセスして、プロジェクト 。

概要

上記は、IDEA で Node.js 開発環境を構築する手順です。この記事が初心者の方のお役に立てれば幸いです。

以上がIDEA で Node.js 開発環境をセットアップする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。