@echo off
chcp 65001 >nul
echo 🚀 开始创建 web-app-vue 项目...
echo.

REM 检查是否已存在
if exist "web-app-vue" (
    echo ❌ web-app-vue 目录已存在，请先删除或重命名
    pause
    exit /b 1
)

REM 创建 Vue 项目
echo 📦 创建 Vue 3 + TypeScript 项目...
call npm create vite@latest web-app-vue -- --template vue-ts

REM 进入项目目录
cd web-app-vue

echo.
echo 📚 安装依赖...
call npm install

echo.
echo 🎨 安装 Element Plus...
call npm install element-plus

echo.
echo 🛣️ 安装 Vue Router 和 Pinia...
call npm install vue-router@4 pinia

echo.
echo 🌐 安装 Axios...
call npm install axios

echo.
echo 🔧 安装工具库...
call npm install @vueuse/core

echo.
echo 🛠️ 安装开发依赖...
call npm install -D sass unplugin-vue-components unplugin-auto-import

echo.
echo ✅ 项目创建完成！
echo.
echo 📖 下一步：
echo   cd web-app-vue
echo   npm run dev
echo.
echo 🌐 访问地址：
echo   http://localhost:3000
echo.
echo 📚 详细文档：
echo   请查看 docs\Vue重构方案.md
echo.
pause