Node.jsの開発環境を用意しよう！（Windows）

Node.jsの開発環境を用意しよう！（Windows）
Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。
prog-8.com

この記事では、Progate上ではなく自分のパソコン上でNode.jsを実行する方法を紹介します。

この記事を読みながら実際に手を動かして、Node.jsの開発環境を構築していきましょう！

◯ 必要なもの

◯ インストールするバージョン

この記事でインストールするバージョンは、Progateの演習で使っているバージョンと異なる場合がありますので、ご了承ください。

この記事はWindowsをご利用の方向けの内容です。macOSをご利用の方はこちらの記事をご覧ください。

1. 環境構築の準備

Node.jsの環境構築を始める前に、「コマンドプロンプト」というツールを準備していきましょう。

このコマンドプロンプトは、Progateの演習でも使用したツールで、ターミナルとも呼ばれます。Node.js 学習コースでは「ターミナル」タブを選択したときに表示される部分にあたります。

コマンドプロンプトはWindowsに標準でインストールされています。早速起動してみましょう。

PCの画面左下にある検索バーに「コマンド」と入力してください。「コマンドプロンプト」というアプリケーションが表示されたら、クリックで開いてみましょう。

すると、以下画像のようなウインドウが表示されたかと思います。

今後、このコマンドプロンプトでコマンドを実行していきます！

実行環境によって、「progate」と書いている部分や背景色は変わるぞ。

Node.jsのインストールを始める前に、使っているパソコンにすでにNode.jsがインストールされているかを確認しましょう。

先程開いたコマンドプロンプトで、node -vというコマンドを実行してください。

v12.13.1 と表示された場合は、すでにNode.jsがインストールされています。この記事を読み進める必要はありません。

上の画像のように表示された場合は、まだNode.jsがインストールされていません。次の章でNode.jsのインストールをしていきましょう！

Node.jsをローカル環境にインストールしていきましょう。

Node.jsのインストーラーは公式サイトからダウンロードできます。今回は、最新安定版をダウンロードしていきます。

2022年6月時点のバージョンが表示されておるぞ

インストーラーをダウンロード後、実行してください。

インストーラーを実行すると、以下のような画面が出るかと思います。指示に従って進めていきましょう。

途中で設定を変更できる箇所がありますが、基本的に変更する必要はありません。以下に示す項目のみ、設定を変更しましょう。注釈の付いているチェックボックスを選択してください。

このような画面が出たら「Finish」ボタンを押してください。

次に、以下のような画面が出るかと思います。画面の指示の通り、何かキーを押してください。

最後に、このような青い画面で「Type Enter to exit」と出れば完了です。Enterキーを押したあと、パソコンを再起動してください。

最後に、正常にインストールができているか確認してみましょう。

先程開いたコマンドプロンプトで、

 node -v

 npm -v

というコマンドを実行してください。

バージョンが表示されたらNode.jsのインストールは完了です！

うまくいかない場合は、以下のような間違いがないかチェックしてみましょう。