【解決！】Vue-Cliをインストール...できない！

#状況
・Vue-Cliを使った本格的なアプリ開発をするためにVue-Cliをインストールしようとした
・過去にもVue-Cliをインストールして使った経験あり！
・コマンドプロンプトを開いて「いざ！やるぞ！」と思っていた矢先、早速出鼻をくじかれた...という話です。

##起こったこと①
・コマンドプロンプトで下のようにVue-Cliをインストール

```
npm -g install vue-cli
```

・以下エラーが発生

```
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm ERR! code EEXIST
npm ERR! path C:\Program Files (x86)\Nodist\bin\node_modules\vue-cli\bin\vue
npm ERR! dest C:\Program Files (x86)\Nodist\bin\*vue.cmd*
npm ERR! EEXIST: file already exists, cmd shim 'C:\Program Files (x86)\Nodist\bin\node_modules\vue-cli\bin\vue' ->'C:\Program Files (x86)\Nodist\bin\vue.cmd'
npm ERR! File exists: C:\Program Files (x86)\Nodist\bin\vue.cmd
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Owner\AppData\Roaming\npm-cache\_logs\2020-12-24T15_55_11_169Z-debug.log
```

##対策①
ポイントは5行目～11行目。
要約すると
「既にインストールしているデータがある時のエラーだよ！」(5行目)
「具体的には`Program Files (x86)\Nodist\bin\vue.cmd`のことだよ！」(8～9行目)
「このfileを消してもう一回やってみて！」(10行目)
とある。
・冒頭書いた通り、一度Vue-Cliはインストールしたことあるので、その時インストールしたファイルたちが残っていた。
　どうもそのファイルが今回のインストールを邪魔している、らしい。
・なので、一旦`Program Files (x86)\Nodist\bin`にある`vue.cmd`を消して再度`npm -g install vue-cli`を実行

##起こったこと②
・開発へ進める！と思ったら、またしても以下エラー発生

```
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm ERR! code EEXIST
npm ERR! path C:\Program Files (x86)\Nodist\bin\node_modules\vue-cli\bin\vue
npm ERR! dest C:\Program Files (x86)\Nodist\bin\vue
npm ERR! EEXIST: file already exists, cmd shim 'C:\Program Files (x86)\Nodist\bin\node_modules\vue-cli\bin\vue' -> 'C:\Program Files (x86)\Nodist\bin\*vue*'
npm ERR! File exists: C:\Program Files (x86)\Nodist\bin\vue
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.
```

・さっきと同じようなエラー。よくよく見ると．．．

```
npm ERR! EEXIST: file already exists, cmd shim 'C:\Program Files (x86)\Nodist\bin\node_modules\vue-cli\bin\vue' -> 'C:\Program Files (x86)\Nodist\bin\vue'
npm ERR! File exists: C:\Program Files (x86)\Nodist\bin\vue
```

・消すべきファイルの名前が変わっている。

##対策②
・なるほど。過去インストールしたいくつかのファイルが邪魔して今回インストールできないわけだ、と悟り/同じく今回も*vue*ファイルを消す。
・結局、「消す⇒`npm -g install vue-cli`実行⇒エラー(○○を消してね！)⇒消す⇒．．．」を10回ほど繰り返した
　○○に指定されて消したファイルは以下の通り
![vue-cli.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/780929/79488474-2ddf-3e00-1652-f18ecc903505.png)
・こんなに何回もエラーを頻発した理由は、これらのファイルたちは`npm -g install vue-cli`を実行するとまた最新verが生まれてくるということ。
で、その生まれたファイルたちがエラーの原因となってしまうこともあった。
・結論、上図のファイルたちを一気に消して`npm -g install vue-cli`で正常にインストール完了！

##エラーの原因
・今回のエラーの原因はどうも先ほどお見せしたファイルたちのインストールした日時らしい。
・元々インストールしたファイルたちは2020/12/20にインストールしたモノだったので、これがある限りエラーを発生しまくった。
・そこで上記のようにファイルたちを一気に消して`npm -g install vue-cli`を実行し最新版のファイルが作成され、うまくいった！という流れ。

##最後に
大したことではないですが、ググって同じようなエラーコード出ている方々はいらっしゃいましたが、ほとんどの方はMacユーザーの方でした。
そういった方の対策案を参考にした自分はこのエラーも出していました。

![スクリーンショット 2020-12-26 205610.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/780929/cf535b97-24bf-e26b-79cb-b657be420211.png)

ここで初めてWindowユーザーである自分は"sudo"や"rm"などのLinuxが使えない、ということを学びました。
参考までに。