<h2 id="tl%3Bdr" data-line="1" class="code-line"><a class="header-anchor-link" href="#tl%3Bdr" aria-hidden="true"></a> TL;DR</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line"><code>npm i</code> と <code>npm install</code> は同じ</li>
<li data-line="3" class="code-line"><code>npm i</code> は <code>npm install</code> の別名（エイリアス）</li>
<li data-line="4" class="code-line"><code>npm add</code> でも <code>npm install</code> と同じ操作ができる</li>
</ul>
<h2 id="npm-i-%E3%81%A8-npm-install-%E3%81%AE%E9%81%95%E3%81%84" data-line="6" class="code-line"><a class="header-anchor-link" href="#npm-i-%E3%81%A8-npm-install-%E3%81%AE%E9%81%95%E3%81%84" aria-hidden="true"></a> npm i と npm install の違い</h2>
<p data-line="7" class="code-line">npmを使っていて意外と理解していなかったのが、<code>npm i</code> と <code>npm install</code> の違いです。パッケージをインストールする際に、色んなドキュメントや記事を参照すると、<code>npm i</code> と <code>npm install</code> が混在していることがあります。</p>
<p data-line="9" class="code-line">あまり意識していなかったのですが、気になったので調べてみました。</p>
<p data-line="11" class="code-line">結論から言うと、<code>npm i</code> と <code>npm install</code> は基本的に同じです。</p>
<p data-line="13" class="code-line">正しい書き方は、<code>npm install</code> です。しかし、npm側が別名（エイリアス）として <code>npm i</code> を用意しているため、<code>npm i</code> でも同じ操作を行うことができます。</p>
<p data-line="15" class="code-line"><code>i</code> の意味としては <code>install</code> の省略形だと考えられます。</p>
<h2 id="%E5%88%A5%E5%90%8D(%E3%82%A8%E3%82%A4%E3%83%AA%E3%82%A2%E3%82%B9)%E3%81%AE%E5%AD%98%E5%9C%A8" data-line="17" class="code-line"><a class="header-anchor-link" href="#%E5%88%A5%E5%90%8D(%E3%82%A8%E3%82%A4%E3%83%AA%E3%82%A2%E3%82%B9)%E3%81%AE%E5%AD%98%E5%9C%A8" aria-hidden="true"></a> 別名(エイリアス)の存在</h2>
<p data-line="19" class="code-line">デフォルトのコマンドは <code>npm install</code> ですが、実はいくつかの別名が存在します。これらの別名を使うことで、同じインストールの操作を異なる形で行うことができます。公式ドキュメントによれば、以下がその例です。</p>
<ul data-line="21" class="code-line">
<li data-line="21" class="code-line"><code>add</code></li>
<li data-line="22" class="code-line"><code>i</code></li>
<li data-line="23" class="code-line"><code>in</code></li>
<li data-line="24" class="code-line"><code>ins</code></li>
<li data-line="25" class="code-line"><code>inst</code></li>
<li data-line="26" class="code-line"><code>insta</code></li>
<li data-line="27" class="code-line"><code>instal</code></li>
<li data-line="28" class="code-line"><code>is</code></li>
</ul>
<p data-line="30" class="code-line">これらの別名を利用することで、例えば <code>npm i</code> や <code>npm inst</code> のように短縮形を使うことができます。また、これらの別名は多少のタイプミスがあっても問題なく機能するように設計されています。例えば、<code>npm in</code> や <code>npm is</code> なども有効です。</p>
<p data-line="32" class="code-line">誤字っても大丈夫なので、爆速でコマンドを入力しましょう。</p>
<h3 id="yarn%E3%81%A8%E9%96%93%E9%81%95%E3%81%A3%E3%81%A6%E3%82%82%E5%A4%A7%E4%B8%88%E5%A4%AB" data-line="34" class="code-line"><a class="header-anchor-link" href="#yarn%E3%81%A8%E9%96%93%E9%81%95%E3%81%A3%E3%81%A6%E3%82%82%E5%A4%A7%E4%B8%88%E5%A4%AB" aria-hidden="true"></a> yarnと間違っても大丈夫</h3>
<p data-line="36" class="code-line">npm以外では、Yarnというパッケージマネージャーも広く利用されています。Yarnでは、<code>npm install</code> の代わりに <code>yarn add</code> を使用します。別名の一覧を見てみると、<code>add</code> が存在することがわかります。</p>
<p data-line="38" class="code-line">つまり、Yarnを普段から使っているユーザは使用する際に<code>npm install</code> ではなく<code>npm add</code> を入力してしまっても、実行には問題が発生しません。すなわちyarnと併用するなら、常にaddを使っても問題ないということです。</p>
<p data-line="40" class="code-line">個人的には、コマンドを素早く入力できる点から、<code>npm i</code> を使用する予定です。ただし、状況によっては他の形式も有用であることを覚えておくと良いでしょう。</p>
<h2 id="%E5%8F%82%E8%80%83" data-line="42" class="code-line"><a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h2>
<ul data-line="43" class="code-line">
<li data-line="43" class="code-line"><a href="https://docs.npmjs.com/cli/v7/commands/npm-install" target="_blank" rel="nofollow noopener noreferrer">npm install | npm Docs</a></li>
<li data-line="44" class="code-line"><a href="https://stackoverflow.com/questions/49564121/what-is-the-difference-betweene-npm-i-and-npm-install" target="_blank" rel="nofollow noopener noreferrer">Stack Overflow</a></li>
</ul>


npm i と npm install の違いを理解する