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

Vue CLIを使うためにvueコマンドをインストールしたのですが、いざコマンドを叩くと「command not found: vue」と表示されてしまいました。
Vueのインストール
公式サイトに載っている通りのコマンドで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/binbashを使用している場合
ホームディレクトリにある.bash_profileに下記記述を追加します(存在しない場合は作成する)。
export PATH=$PATH:/Users/ユーザー名/.npm-global/bin保存できたらターミナルを再起動してvueコマンドを実行すると、無事動作しました。

HTMLが書ければすぐ習得できるテンプレートエンジン「EJS」の基本的な書き方
gulp-sass 5の「does not have a default Sass compiler」エラーを解消する
属性・Class・IdなどHTMLタグの細かい部分を見ていこう!!
GUIコンパイラのPreprosを使ってSassのコンパイルを行う
さくらのレンタルサーバで.htaccessが原因で500エラーになってしまう場合のチェックリスト
Font Awesome 5の基本的な使い方と、Font Awesome 4との違い
ソースコードをハイライトする軽量ライブラリ「Highlight.js」の導入方法と使い方
ブログに見出しを設置できるjQueryプラグイン「TOC | jQuery Table of Contents」
webpackでTop-Level Awaitを使用して、一番上位でもawaitを使えるようにする方法
Movable TypeでAssetURLやEntryPermalink・ContentPermalinkで出力されるパスを絶対パスから相対パスに変える
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Google Maps APIをローカル開発環境で使用するときの制限設定方法
CSSだけで画像の比率を保ってトリミングできる「object-fit」
日々の制作をラクにするTips #1日1Tips – 2019年10月
.gitignoreに含めた方がいいファイル・フォルダが一覧でまとまっている「gitignore.io」
高機能なスクリーンショットアプリ「CleanShot X」
13インチのMacBook Proでのモダンブラウザごとのサイト表示領域のまとめ
効率的なマークアップが出来るようになるEmmetでCSSを書く時の基本
Figmaのテキスト編集周りの基本操作|テキストの追加方法からグラデーション設定や縦書き、アウトライン化
Keyboard Maestroで「Path Finderで選択したファイルを特定アプリで開く」プラグインを作成する方法
ショートカットキーの一覧をSketchを使って作成する方法とそのメリット