Vue開発環境を作る：ViteでVue 3プロジェクトをセットアップ – 3/12

VueもViteでの開発が主流です。ここではプロジェクト作成から起動確認までを行い、つまずきポイントも整理します。

必要なもの

• Node.js（推奨：LTS）
• npm
• エディタ

バージョン確認：

node -v
npm -v

ViteでVueプロジェクト作成

npm create vite@latest vue-tutorial

対話で

• Framework: Vue
• Variant: JavaScript

を選びます。

起動して動作確認

cd vue-tutorial
npm install
npm run dev

表示URL（例：http://localhost:5173/）にアクセスして初期画面が出れば成功です。

よくあるエラーと対処

Reactと同様です。

• Nodeが古い
• npm install 未実行
• ポート競合

まずは上から順に潰すと解決しやすいです。