現象
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