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コマンドを実行すると、無事動作しました。

Google Maps APIでピンの見た目をカスタマイズする方法
HTTP/2が設定されているはずなのに、ブラウザ上でHTTP/1.1になってしまう場合はセキュリティソフトを確認
JavaScriptのforEach内で「continue」や「break」のような動作をさせる方法
webpackでTop-Level Awaitを使用して、一番上位でもawaitを使えるようにする方法
Visual Studio Codeの基本|概要やインストールから日本語化など最低限の設定方法
Movable Typeでコメントアウトして出力時に無視する方法
横幅が広がったときの挙動が変わる!CSS Gridの「auto-fill」と「auto-fit」の違い
Font Awesome 5の基本的な使い方と、Font Awesome 4との違い
CSSのz-indexの確認や管理を便利にする方法
ウェブサイト上で簡単にWYSIWYGエディタを実装する「TinyMCE」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
StationであらゆるWebサービスをまとめて管理する
SourceTreeでマージ時に「fatal: You have not concluded your merge (MERGE_HEAD exists).」と表示される場合の対処法
パスワード管理の定番アプリ1Passwordがメジャーアップデートで「1Password 8 for Mac」に!
AlfredのDefault Resultsを変更して、Google検索をラクにする方法
Alfred 4のClipboard History機能で、前にコピーした内容をペーストする方法
Slackのリマインダー機能「/remind」についてのまとめ
Path Finderの情報パネルにある「作成日」「更新日」「追加日」の違い
Keyboard Maestroでダークモードかどうか判定して、条件分岐で処理を変える方法
Alfredのクリップボード機能に履歴がちゃんと残らない・別のテキストが残ってしまう場合の対処法
Alfredを立ち上げたら自動で入力モードを「英数」に切り替える設定方法