【プログラミング】Ubuntu20.04にVuecliをインストールする方法

Vue cliをUbuntu20.04にインストールする方法を記載します。

Node jsのインストール

vue cliはjavascript上で動作しますので、Javascript の実行系であるNode.js をインストールします。 合わせて、Node.js は非常に更新間隔が短く、aptでインストールされるNodejsはバージョンが古いです。 今回はバージョン管理ソフト「n」を用いて、安定版をインストールします。 整理すると下記の順番となります。

1. aptによるNodejsおよびnpmのインストール
2. npmを用いたnのインストール
3. nによるNodejs安定版のインストール

まずは、お約束のパッケージ更新

sudo apt update
sudo apt -y upgrade

続いて、Node.js とそのパッケージ管理ソフトnpmをインストールします。

sudo apt install nodejs npm

n をインストール

sudo npm install n -g

nを用いて、安定版をインストールします。

sudo n stable

Vue cli のインストール

ここまで、来ればあとは楽です。

sudo npm install -g @vue/cli

最後

Vue vs React論争に不毛さを感じる。 それぞれ違うことを把握して、目的に応じて使い分けられる奴が最強なんだよ。