Vue 学習 MacOS インストール vue-cli

vue-cli の概要

Vue-cli (Vue Command Line Interface) は、Vue.js によって公式に提供されるスキャフォールディングツールです。Vue.js ベースのプロジェクトテンプレートを作成し、Vue.js シングルページアプリケーション (SPA) を迅速に開発するのに役立ついくつかのコマンドが提供されます。vue-cli を使用してビルドツール、プラグイン、ルーティング、状態管理などを設定すると、開発効率が大幅に向上し、繰り返しの操作が削減されます。

vue-cli のインストール

vue-cli のインストールでは、まず Node.js と npm をインストールする必要があります。次のインストール手順に進む前に、Node.js と npm をインストールすることをお勧めします。

コマンドラインウィンドウに次のコマンドを入力して、vue-cli をグローバルにインストールします。

sudo npm install -g vue-cli

Enterを押した後、パスワードを入力します。

インストールが完了したら、次のコマンドを使用して、インストールが成功したかどうかを確認できます。

vue -V

バージョン番号が正しく表示されていれば、インストールは成功しています。

完全な手順は次のとおりです。

➜  ~ sudo npm install -g vue-cli
Password:
npm WARN deprecated [email protected]: This package has been deprecated in favour of @vue/cli
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)

added 234 packages in 15s

11 packages are looking for funding
  run `npm fund` for details
➜  ~ vue -V
2.9.6
➜  ~

インストール中にこのコマンドを使用する必要があることに注意してくださいsudo npm install -g vue-cli。他のコマンドを使用すると、権限エラーが報告される可能性があります。