Vite Vue Template 是一个面向 Vue 3.5 的开发环境模板,搭配 Vite 7 与 TypeScript,用于快速搭建前端项目。
用途:该模板用于快速创建一个基于 Vite 和 Vue 3.5 的 TypeScript 项目,省去手动配置构建工具与语言支持的步骤。
技术栈:框架为 Vue 3.5,构建工具为 Vite 7,语言为 TypeScript,包管理器为 npm。构建输出目录为 dist,开发服务器端口为 5173。
安装与设置:首先克隆模板,命令为 git clone --depth 1 https://github.com/Eng0AI/vite-vue-template.git .。若目标目录非空,可使用以下方式处理:
git clone --depth 1 https://github.com/Eng0AI/vite-vue-template.git _temp_template mv _temp_template/* _temp_template/.* . 2>/dev/null || true rm -rf _temp_template
可选地移除 Git 历史并重新初始化:
rm -rf .git git init
随后安装依赖:npm install。
构建:运行 npm run build。构建前会先执行 Vue TypeScript 编译,即 vue-tsc -b && vite build。
部署:支持部署到 Vercel 或 Netlify。Vercel 方式(推荐):
vercel pull --yes -t $VERCEL_TOKEN vercel build --prod -t $VERCEL_TOKEN vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify 方式:
netlify deploy --prod --dir=dist
开发:运行 npm run dev,在 http://localhost:5173 打开并启用 HMR。模板使用单文件组件(SFC)与 <script setup> 语法。
适用场景:适合需要快速启动 Vue 3.5 + TypeScript 项目并部署到 Vercel 或 Netlify 的前端开发场景。
限制:资料未提供关于收费、价格、功能上限或平台兼容性进一步限制的信息,暂未提供。