*本記事は広告を含みます

【初心者向け】Node.jsのnpm導入方法【2022年版】

今回はNode.jsのnpmを導入する方法についての備忘録。

Node.jsの基礎

まずはここだけは避けて通れない3つの用語について簡単に書いておきます。

  • JavaScript
  • Node.js
  • npm

以上3点について
基礎中の基礎だけおさえときます。

JavaScriptを知っていますか?

Node.jsの前提知識として持っておくとよいのはJavaScriptです。

JavaScriptとは、
WEBサイトなどに動きを付けるために用いられる言語です。
わかりやすいものでいうと以下のようなものがあります

・画像をスライドさせる

・ポップアップで注意書きを表示させる

Node.jsとは?

サーバー側で使用できるJavaScriptです。TwitterやInstagram,LINEなどのリアルタイムな反応が得られるWEBサイトで使用されています。

npmとは?

npmはイメージとしては、Node.jsで使用できる色々な道具が集まった四次元ポケットのようなものです。

好きな道具を自由にインストールしたり管理したりできます。

ざくっとしたイメージは
こんな感じだと思います

Node.jsのインストール

1.https://nodejs.org/en/からNode.jsインストーラをDL

2.ダウンロードしたNode.jsインストーラを実行

3.コマンドプロンプトで「npm version」を実行して、npmがインストールしているか確認

npmはNode.jsをインストールすることで同時にインストールされるので、
特別な操作は特にいりません。

https://nodejs.org/en/からNode.jsインストーラをDL
ダウンロードしたNode.jsインストーラを実行

インストールが完了すると3つのソフトがインストールされます。
今回は「Node.js command pronpt」を使用していきます。

コマンドプロンプトで「npm version」を実行して、npmがインストールしているか確認

パッケージのインストール

ここからはnpmのパッケージの
インストールを行います。

今回はinstafeeds.jsを

インストールしてみます。

instafeeds.jsのインストール

https://www.npmjs.com/でinstafeed.jsを検索
インストールコマンドをコピー
コマンドプロンプトに「npm i instafeed.js」を入力
ひとりくん
ひとりくん

これでインストール
完了です!

インストール先の確認


最後に正しくインストールされたかを
確認しましょう。

POINT

コマンド「npm list」で正しく
インストールされているか確認しよう

これで完了です!お疲れさまでした。

コメントを残す

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