Vue CLIをインストールしたらcommand not found: vueになったから解決したやり方共有!


はじめに

本日2回目の投稿になってしまいました。
先ほど、Vue CLIを導入しようと思って、ターミナルを操作してたら、なんかひたすらcommand not found: vueになってちょっと手間取ったので、無事解決したやり方を、こちらで共有させて頂きます。

【利用環境】
MacBook pro(macOS Catalina バージョン10.15.6)
ターミナル(zsh)
node.js v12.18.2
npm 6.14.5

Vue CLIをインストールしてみる

ターミナルに次のコマンドを入力し、インストールを試みました。

npm install -g @vue/cli

しばらく待つと...

+ @vue/[email protected]
added 1307 packages from 704 contributors in 29.079s

っていうのが出てきたので、「いけた!」と思ったんです。
しかし!

vue --version

とすると...

zsh: command not found: vue

となってしまって、「vue createできないじゃん!」ってなりました。

解決策

次のコマンドをターミナルに入力してください。

export PATH=~/.npm_global/bin:$PATH

すると...

vue —version
@vue/cli 4.5.2

はい、解決しました!!!無事、vue createもできました!

もし、Macを利用していて同じような問題に遭遇してしまった方の手助けになれればと思います!

参考資料

以下のStack Overflowの質問・回答を参考にさせて頂きました!!