Vite で Vue プロジェクトを構築する手順を紹介します。

Vite で開発環境を構築する

以下のコマンドを実行して、Vue + TypeScript のプロジェクトを作成します。

npm 6.x以前

# npm 6.x
npm init vite@latest vite-vue-ts --template vue-ts

npm 7.0以降

# npm 7.0以降
npm create vite@latest vite-vue-ts -- --template vue-ts

開発サーバーを起動する

構築したプロジェクトのディレクトリに移動して、開発サーバーを起動します。

cd vite-vue-ts
npm install
npm run dev