vite-vue

Eng0AI's avatarfrom Eng0AI

Vite + Vue 3.5 template with TypeScript. Clone, setup, build, and deploy to Vercel or Netlify.

⭐0stars🔀0forks📁View on GitHub🕐Updated Dec 16, 2025
[Developer Tools]

When & Why to Use This Skill

This Claude skill provides a high-performance Vite + Vue 3.5 template integrated with TypeScript, designed to streamline the entire web development lifecycle. It automates project scaffolding, dependency management, and production-ready builds, while offering seamless deployment workflows for industry-leading platforms like Vercel and Netlify. By leveraging Vite 7 and Vue's latest features, it ensures a lightning-fast development experience with robust type safety.

Use Cases

  • Rapid Project Scaffolding: Quickly initialize a modern Vue 3.5 and TypeScript project with a pre-configured build pipeline and development server.
  • Automated Deployment: Streamline the process of shipping web applications to Vercel or Netlify using optimized CLI commands for building and pushing to production.
  • Standardized Tech Stack Implementation: Establish a consistent development environment using Vue 3.5's script setup syntax and Vite 7 for teams requiring high-performance HMR and type-safe codebases.
namevite-vue
descriptionVite + Vue 3.5 template with TypeScript. Clone, setup, build, and deploy to Vercel or Netlify.

Vite Vue Template

A lightning-fast Vue 3.5 development environment with Vite 7 and TypeScript.

Tech Stack

  • Framework: Vue 3.5
  • Build Tool: Vite 7
  • Language: TypeScript
  • Package Manager: npm
  • Output: dist directory
  • Dev Port: 5173

Setup

1. Clone the Template

git clone --depth 1 https://github.com/Eng0AI/vite-vue-template.git .

If the directory is not empty:

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. Remove Git History (Optional)

rm -rf .git
git init

3. Install Dependencies

npm install

Build

npm run build

Vue TypeScript compilation runs before build (vue-tsc -b && vite build).

Deploy

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

Development

npm run dev

Opens at http://localhost:5173 with HMR enabled. Uses Single File Components (SFC) with <script setup> syntax.