Vue.jsのVueCLIをWindowsにインストールする手順

Vue.jsの「Vue CLI」をWindowsにインストールする方法を紹介します。

環境

• Windows 10
• Node.js v18.12.1
• npm 8.19.2
• @vue/cli 5.0.8

インストール手順

1. Node.jsとnpmをインストール

「Node.jsとnpmをWindowsにインストールする方法」の通り、「Node.js」と「npm」をインストールします。

2. VueCLIのインストール

コマンドプロンプトで以下のコマンドを実行します。
npm install -g @vue/cli

実行結果

C:\>npm install -g @vue/cli
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated subscriptions-transport-ws@0.11.0: The `subscriptions-transport-ws` package is no longer maintained. We recommend you use `graphql-ws` instead. For help migrating Apollo software to `graphql-ws`, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws    For general help using `graphql-ws`, see https://github.com/enisdenjo/graphql-ws/blob/master/README.md

added 847 packages, and audited 848 packages in 3m

64 packages are looking for funding
  run `npm fund` for details

4 vulnerabilities (2 moderate, 2 high)

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.
npm notice
npm notice New major version of npm available! 8.19.2 -> 9.1.1
npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.1.1
npm notice Run npm install -g npm@9.1.1 to update!
npm notice

C:\>

（警告が出ているけど、今回は放置しています。）

Windows 10では
C:\Users\username\AppData\Roaming\npm
配下に「Vue CLI」がインストールされます。

3. VueCLIのバージョン確認

以下のコマンドでインストールされた「Vue CLI」のバージョンを確認します。
vue --version

実行結果

C:\>vue --version
@vue/cli 5.0.8

C:\>

参考

• Installation | Vue CLI

---

以上