「Vite」を使用してVueプロジェクトを立ち上げる

Viteとは

Vue CLIと同様、プロジェクトの生成、試験サーバーによる実行、ビルドなどが行え、Vue CLIに比べて動作が早く快適に作業ができる。

プロジェクトを作成する

npm init vite-app プロジェクト名
cd プロジェクト名
npm install

プロジェクトを実行する

npm run dev

これで内蔵サーバーを使ってプロジェクトが実行される。
起動したら http://localhost:3000/ にアクセスすると、立ち上げたプロジェクトが表示される。

プロジェクトをビルドする

npm run build

これで「dist」フォルダに公開されるファイル類が書き出される。