vue cliの追加方法(errorが出る時)

Vue cliを追加しようとしたところ、エラーが出たので解決方法を残します。

問題

npm install -g @vue/cli

で、エラーが出ました。

Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'

npm ERR!  [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'] {

↑こんなん

権限がないとかうんぬんで、許可されてるそう。

解決

sudo chown -R $(whoami) $(npm config get prefix) / {lib/node_modules,bin,share}

ここでパスワード入力。その後パーミッションが変更されます。その後待機

npm install -g @vue/cli 再インストールで

% vue --version

@vue/cli 4.5.9

上手くいきましたとさ。おしまい。

(この途中間違えてvue cliのバージョン2.〜をインストールしてしまった)

npm uninstall vue-cli -g

ので、アンインストールしてから、再インストールしました。

vue cliのバージョン3以前は、なんか形が違うからアンインストールしなきゃだめっぽい。

投稿者 @rongai