現象

Vue-cliをyarnでインストール後、vueコマンドを打つと以下のエラーが出る。
zsh: command not found: vue

環境

macOS Big Sur 11.7.2
Node.js 14.16.0
npm 7.6.3

Vueコマンドファイルの配置ディレクトリパスがPATH環境変数に含まれていない

Vueコマンドファイルの配置ディレクトリパスをPATH環境変数に追加

以下のコマンドを実行

$ yarn global bin             
/Users/kyo-k1187/.yarn/bin

上のコマンドで帰ってきたbinディレクトリに、vueコマンドファイルがあるか確認
lsコマンドを打ってvueファイルがあることを確認します。

$ ls /Users/kyo-k1187/.yarn/bin
create-vite	cva		vue

VueコマンドファイルがあるディレクトリパスをPATH環境変数に追加

$ export PATH=$PATH:/Users/kyo-k1187/.yarn/bin

以下のコマンドを実行し、vue-cliのバージョンが返ってくることを確認

$ vue --version
@vue/cli 5.0.8

上記設定は開いているターミナルでのみ有効であり、永続的にvueコマンドを叩けるようにしたい場合は以下を実行します。

ホームディレクトリにある.zshrcファイルを編集します。

$ vi ~/.zshrc

以下の行を追加して保存します。

.zshrc

export PATH=/Users/kyo-k1187/.yarn/bin:$PATH

ターミナルを再起動し、以下コマンドを実行してvue-cliのバージョンが返ってくることを確認します。

$ vue --version
@vue/cli 5.0.8