Node.js開発環境のインストール

開発環境の設定

ステップバイステップのインストールガイド: Node.jsとサポートツールのインストール方法

Node.jsロゴ

いつ

新しい綺麗なラップトップを手に入れた後、または Linuxの再インストールを行った後、Node.js開発者にとって次のステップは、お気に入りのツールをインストールすることです。ここでは私が行っている手順を紹介します。

どこで

私はUbuntu Linux Mintのフレーバーを使用しており、ほとんどがDebian/Ubuntuリポジトリとパッケージに依存しています。

どうやって

パッケージマネージャーを使用してNode.JSをインストール

sudo apt-get update
sudo apt-get upgrade

sudo apt-get install nodejs npm

現在ではnpm v9.2.0がインストールされます。

Node.JSランタイムをNode公式サイトからインストール

https://nodejs.org にアクセスし、あなたのOS用のNode.jsをダウンロードしてください。

Linuxでは現在利用可能なLTSバージョンはv20.16.0です。

以下が必要です：

ダウンロード
お気に入りのアプリフォルダに解凍
binサブフォルダをパスに追加

私の好きな方法は次の通りです：

NVMとともにNode.JSをインストール

Node Version Manager (NVM)についてはGitHubページを参照してください。

# NVM (Node Version Manager)をインストール
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
# または
# curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash

# テキストエディタを再開し
# NVMが正しくインストールされているか確認
nvm --version

# Node.jsをダウンロードしてインストール（ターミナルを再起動する必要がある場合があります）
nvm install 20

# 環境に正しいNode.jsバージョンが存在することを確認
node -v   # `v20.17.0`またはそれ以降のv20バージョンを出力する必要があります

# 環境に正しいnpmバージョンが存在することを確認
npm -v    # `10.8.2`またはそれ以降のバージョンを出力する必要があります

インストールされたNode.jsバージョンの一覧を表示するには、以下のコマンドを使用してください：

nvm ls

これは利用可能なバージョン一覧を表示し、アクティブなバージョンが一番上に表示されます。 nvm lsの応答

別のバージョンに切り替えるには、以下のコマンドを使用してください：

nvm use 18
nvm use 20

VS Codeのインストール

特に以下の拡張機能が必要です：

ESLint
Prettier (Prettier - Code formatter)
Node.js Modules IntelliSense

これらはVS Codeの拡張機能タブで手動で検索するか、Launch VS Code Quick Open (Ctrl+P)で以下を実行してインストールできます：

ext install ESLint
ext install Prettier - Code formatter
ext install Node.js Modules IntelliSense

GitとDockerのインストール

詳細については：Linuxの再インストール記事をご覧ください。

正しくインストールされているかは以下で確認できます：

git --version
docker --version

簡単なNode.jsアプリケーションの作成

ローカルフォルダを作成します：

cd ~
mkdir test-njs
cd njs

npm initを実行し、プロンプトに従ってください：

npm init

出力は以下のようになります：

npm initの応答

次に、app.jsファイルを作成し、以下のようにコードを追加してください：


const http = require ('http');
const hostname = '127.0.0.1';
const port = 3000;

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

server.listen(port, hostname, () => {
    console.log(`Server running at http://${hostname}:${port}`)

});

今度はVS Codeのターミナル（Ctrl+~）で以下のコマンドを実行してください：

node app.js

以下のように表示されます：

Server running at http://127.0.0.1:3000

このURLにアクセスしてください（Ctrl+Lクリック）すると、デフォルトのブラウザに以下が表示されます：

Hello Node

素晴らしいですね！

いつ

どこで