Vue CLIをインストールしたのに「command not found: vue」と表示されてしまう場合の対処法

Vue CLIを使うためにvueコマンドをインストールしたのですが、いざコマンドを叩くと「command not found: vue」と表示されてしまいました。

Vueのインストール

cli.vuejs.org

Vue CLI

https://cli.vuejs.org/#getting-started

公式サイトに載っている通りのコマンドでnpmを使ってインストールしました。

npm install -g @vue/cli

おそらくパスが通っていないんだろうということで、設定して無事動くようになりました。

パスを通す

まずは自分が使っているシェル（ターミナル操作で使用するプログラム）がなにか確認します。

macOS Catalina以降はzshがデフォルトシェルですが、それ以前はbashがデフォルトでした。
それ以外にも数多くシェルは存在しますが、多くの人はそのどちらかを使っていると思います。

自分がどちらを使っているか分からない場合は、下記コマンドを実行して確認できます。

echo $SHELL

「/bin/zsh」と返ってきたら「zsh」で、「bin/bash」と返ってきたら「bash」です。

zshを使用している場合

ホームディレクトリにある.zshrcに下記記述を追加します（存在しない場合は作成する）。

export PATH=$PATH:/Users/ユーザー名/.npm-global/bin

bashを使用している場合

ホームディレクトリにある.bash_profileに下記記述を追加します（存在しない場合は作成する）。

export PATH=$PATH:/Users/ユーザー名/.npm-global/bin

保存できたらターミナルを再起動してvueコマンドを実行すると、無事動作しました。