Vue3環境をwindowsに構築する

Vue3環境をwindowsに構築する

Vue3の環境をwindowsに構築するまでの手順を記述してます。vue-cli4.5.9を使用してます。

環境

  • OS  windows10 64bit
  • node v14.6.0
  • npm 6.14.6
  • @vue/cli 4.5.9

@vue/cliインストール

グローバルにインストールにしてます。

ローカルインストールとグローバルインストールについてはこちら

package.jsonを作成します。

アップグレードします。

プロジェクト作成

プロジェクトを作成します。ここで「Vue 3」を選択します。

記述どおりに、プロジェクトに移動します。

起動

移動後に以下のコマンドを実行すれば起動できます。

ブラウザよりhttp://プライベートIP or localhost:8080にアクセスすると下記の画面が表示されます。

停止する場合は、「ctrl」+「c」を押します。

バージョン確認

以下のコマンドでバージョンを確認することが可能です。