mcpField
V
vite-vue

vite-vue

github.com/rebyteai-template开发1775 次安装19 周前更新
代码仓库

关于 vite-vue

用于构建 Vue 3.5 应用的模板，采用 Vite 7 和 TypeScript。它提供热更新开发服务器及生产构建配置。

主要功能

  1. 01Vue 3.5 与 TypeScript
  2. 02Vite 7 开发服务器
  3. 03热模块替换
  4. 04构建前进行类型检查
  5. 05Vercel 和 Netlify 部署说明

适用场景

  1. 01启动 Vue 3.5 项目
  2. 02通过本地热更新服务器开发
  3. 03构建可部署的静态站点

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill vite-vue

安装后在 Claude Code 中输入/vite-vue确认已加载。

详细介绍

Vite Vue 模板

使用 Vite 7 和 TypeScript 构建的极速 Vue 3.5 开发环境。

技术栈

  • 框架：Vue 3.5
  • 构建工具：Vite 7
  • 语言：TypeScript
  • 包管理器：npm
  • 输出：dist 目录
  • 开发端口：5173

设置

1. 克隆模板
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
2. 移除 Git 历史（可选）
rm -rf .git
git init
3. 安装依赖
npm install

构建

npm run build

构建前会运行 Vue TypeScript 编译（vue-tsc -b && vite build）。

部署

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。使用带有 <script setup> 语法的单文件组件（SFC）。

评论

支持 Markdown