1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. JavaScript
  6. »
  7. Windows10にNode.jsをインストールする方法

Windows10にNode.jsをインストールする方法

みなさんこんにちは。@It_is_Rです。
今回は、Windows10にNode.jsをインストールする方法を紹介していきます。

また、Macを使っている場合は「MacにNode.jsをインストールする方法」を参考にしてください。

目次
  1. Node.jsのダウンロード
  2. Node.jsのインストール
  3. Node.jsがインストールされているかどうかの確認方法
  4. まとめ

Node.jsのダウンロード

まず、公式サイトからNode.jsをダウンロードしていきましょう。
こちらのページにアクセスしてください。

Node.js

Node.js

上のページにアクセスしたら、Node.jsをダウンロードします。
今回は推奨版のLTSを選びます。下の画像の場所をクリックしましょう!

これで、ダウンロードの完了です。

Node.jsのインストール

つづいて、Node.jsをインストールしていきます。

ダウンロードしたファイルを開くと、次の画面が表示されます。
「Next」をクリックします。

下の画像のように、「I accept the terms in the License Agreement」にチェックを入れ、「Next」をクリックします。

Node.jsをインストールする場所を、もし変更したいのであれば変更し、「Next」をクリックします。

インストールをカスタマイズしたい場合は変更、しない場合はそのまま「Next」をクリックします。

下の画面では、ネイティブモジュール用のツールをインストールするかどうかを指定します。
C言語やC++などのネイティブ言語で書かれたモジュールをコンパイルするためには、Python、Visual Studio Build Tools(VSBT)が必要になり、チェックボックスにチェックを入れることによって、必要なツールがインストールされます。

また、Chocolateyもインストールされることにご注意ください、とのことです。

インストールする場合はチェックを入れ、「Next」をクリックします。

「Install」をクリックします。もし「このアプリがデバイスに変更を加えることを許可しますか?」と表示された場合は、「はい」をクリックすると、インストールがはじまります。

インストールが終わるまで、しばらく待ちましょう。

「Finish」をクリックして、インストールの完了です。

Node.jsがインストールされているかどうかの確認方法

つづいて、Node.jsが本当にインストールされているか確認してみましょう。
コマンドプロンプト、もしくはPowerShellを開き、以下のコマンドを実行してみます。

> node -v
v14.16.0

このように、さきほどインストールしたNode.jsのバージョンが表示されていれば、インストール成功です。
また、npmコマンドも使えるかどうか確認してみます。

> npm -v
6.14.11

同じように、バージョンが表示されれば、npmコマンドが使えている、ということになります。

まとめ

Node.jsをインストールすることで、npmコマンドが使えるようになり、さまざまなパッケージを管理することができるようになります。
Node.jsはサーバーサイドのJavaScriptですが、フロントエンドの場合でも、とても便利なものとなります。

以上、Node.jsをwindows10にインストールする方法でした。

スポンサードリンク

関連コンテンツ

オススメ記事

WordMove | 運用中の WordPress 環境をローカルと FTP で同期

道が覚えられない、@It_is_Rです。 人生さえ彷徨い続けてここにいます。 さて、運用中の WordPress サイトの環境を、ローカル開発環境と同期したい時、 WordMove を使うとと

WordPress|特定カテゴリーに属する記事を一覧表示させる方法!!

今まで、何度かに分けて書いた記事でも、その一覧がなかったので見にくいなーと思っていた@It_is_Rです。 昨日、記事の一覧表示をするショートコードを作って、記事の一覧が欲しい記事にだけ貼り付けてみ

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。【準備編】

いつもどうもです。@It_is_Rです。 少し前まで、私は FC2ブログ を使っていました。 やはり個性を大切にしたい私にとって、用意されたテンプレートを使うことに抵抗がありました。 「

【Android Studio】TextView 文字の色やサイズ、書体を変更する方法。

サイズは大きいほど、押しがいがあります。@It_is_Rです。 スマホのボタンの話ですよ。何を考えてたんですか? Androidアプリ開発、8回目となりました。 今回はこれまでに学習した TextV

wordpress

【WordPress】パンくずリストをプラグイン無しで自作する方法

※追記(2018/2/12) もっと高機能になるように、改良修正しました。 人生で3回ほど死にそうになったことがある@It_is_Rです。 WordPressのパンくずリストを作

【CSS設計】ボタンを作って覚える。機能ごとに分けて作る重要性。

手が回らない、頭が回らない、口が回らない。@It_is_Rです。 CSSはある程度大雑把に書いても動かすことができます。しかし、CSSを覚える上で一番難しい部分と言えばCSS設計でしょう。 パ

java

Javaのクラスとメソッドの違いとは?ゲーム風に解説。

この頃小説を読んでいなく、何か読みたいなと思っている@It_is_Rです。 Javaを勉強し始めたばかりの人は、何やら難しい単語に混乱する人も多いでしょう。その中で、クラスとメソッドって一体何が

【Android Studio】 GridLayout の使い方。複雑なレイアウトを表現する方法

スマホの充電がいつの間にか無くなっている@It_is_Rです。 Androidアプリ開発、10回目となりました。 前回、様々なレイアウトの使い方を紹介しましたが、今回はその中でもちょっと難しい Gr

【解決!】Macで「デフォルトシェルはzshになった」と表示されるときの対処法

MacOSをアップデートしてから、ターミナルを開くたびに、「The default interactive shell is now zsh.」というメッセージが表示されるようになりました。 これは

【Android Studio】アプリ開発の基本とそれぞれのファイルの役割を覚える。

iPhone持ってないみなさん、一緒にAndroidアプリ開発しましょう。@It_is_Rです。 Androidアプリ開発、5回目となりました。 今回は Android Studio でアプリを開発

コメントを残す(コメントは承認後に反映されます)

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です