Vue.js開発環境をviteを使ってたった３ステップで作成する

Vue.js 3で、開発環境Viteを利用することで、
わずか3ステップで構築することができます。

Viteとは

madewithvuejs.com

Evan You殿により開発中ではありますが、vue.js3をインストール＋開発環境の構築が行えます。
その手順は、3ステップ程度。

ステップ１

Vueプロジェクト用のフォルダを作成する。
（プロジェクト名は、my-app-project　としています）
$ npm init vite-app my-app-project

作成したVueプロジェクトのフォルダ配下に移動しつつ
$ cd my-app-project

ステップ２

Vueプロジェクトに依存パッケージを作成する。
$ npm install

ステップ３

最後に、ローカルでアプリケーションを起動させます。
$ npm run dev

ここまででプロジェクトが構築できている、というわけです。
では、起動したアプリケーションをブラウザを起動し確認してみることとします。
URLに「http://localhost:3000/」を入力してみてください。
以下のような画面が表示されるかと思いますが、こちらが表示されれば問題ないと思います。

vite

プロジェクトの構成は以下のようなイメージです。
　（プロジェクト名を黒く塗りつぶしていますが、お気になさらず）

my-app-project

開発にすぐ取り掛かれるこの素早さも、また、Viteの特徴かと思います。