【AmazonLinux2】AmazonLinux2にNode.jsとVueをインストールする【Vue】

作業の流れ

mac側

１.VSCODEを起動します。

サンドボックス（Vagrant側）

１.vagrantを起動して、Amazon Linux2にログインします。

２.Djnangoプロジェクトを作成したディレクトリへ移動します。

※今回の記事は、既にAmazonLinux２のVagrant環境を作成済みであるとします。

AmazonLinux2仮想環境へログイン

①「ターミナル」を開いて下記のコマンドを入力します。

cd ~/Work/Vagrant/AmazonLinux2

②下記のコマンドを入力して仮想環境を起動します。

Vagrant up

③下記のコマンドを入力してログインします。

vagrant ssh

nvmインストール

①nvmをダウンロードします。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

②nvmを有効にします。

. ~/.nvm/nvm.sh

③nvmをインストールします。※バージョン「v16.16.0」

nvm install v16.16.0

Downloading and installing node v16.16.0...
Downloading https://nodejs.org/dist/v16.16.0/node-v16.16.0-linux-x64.tar.xz...
############################################################################################################################################ 100.0%
Computing checksum with sha256sum
Checksums matched!
Now using node v16.16.0 (npm v8.11.0)

インストールが完了したら、バージョンを確認します。

node --version

v16.16.0

Vue CLIのインストール

①以下のコマンドでVue CLI（最新版）をインストールできます。

npm install -g @vue/cli

②インストールエラーになってしまった場合は、以下のコマンドを実行します。npmがどこのディレクトリを使っているのかを確認します。

npm config get prefix

/root/.nvm/versions/node/v16.16.0

パーミッションエラーであった場合は、以下のコマンドで許可します。

sudo chown -R $(whoami) $(npm config get prefix) / {lib/node_modules,bin,share}

③インストールが完了したらVueのバージョンを確認します。

vue --version
@vue/cli 5.0.8

次回

工事中。