SuperAPI AI 工具集

vite-vue

前端与建站

查看项目

更新于 10-16 15:54

技能介绍

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 的前端开发场景。

限制:资料未提供关于收费、价格、功能上限或平台兼容性进一步限制的信息,暂未提供。