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

URL: https://webrandum.net/zsh-command-not-found-vue/
公開日: 2022-03-16
更新日: 2022-03-16
カテゴリー: コーディング
タグ: Vue CLI, Vue.js
出典: Webrandum（著者: サイトウ マサカズ）

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

## Vueのインストール

[Vue CLI](https://cli.vuejs.org/)

[公式サイト](https://cli.vuejs.org/#getting-started)に載っている通りのコマンドでnpmを使ってインストールしました。

```
npm install -g @vue/cli
```

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

## パスを通す

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

macOS Catalina以降はzshがデフォルトシェルですが、それ以前はbashがデフォルトでした。

それ以外にも数多くシェルは存在しますが、多くの人はそのどちらかを使っていると思います。

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

```
echo $SHELL
```

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

![echo $SHELLのコマンド実行結果](https://webrandum.net/mskz/wp-content/uploads/2022/03/image_1-11.png)

### zshを使用している場合

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

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

### bashを使用している場合

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

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

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