Clean, fast Vue 3 + Vite + TS starter with routing, Tailwind & shadcn-vue.
A modern Vue.js starter template that combines the best developer experience with production-ready features. Built for rapid prototyping and scalable applications.
- ⚡ Vue 3 - Latest Vue with Composition API and
<script setup> - 🚀 Vite - Lightning fast development with HMR
- 📘 TypeScript - Full type safety with excellent DX
- 🛣️ Vue Router - File-based routing system
- 🎨 Tailwind CSS - Utility-first CSS framework
- 🧩 shadcn-vue - Beautiful, accessible components
- 🔧 ESLint + Prettier - Code quality and formatting
- 📦 Auto-imports - Effortless development workflow
| Category | Technology |
|---|---|
| Framework | Vue 3 |
| Build Tool | Vite |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Components | shadcn-vue |
| Routing | Vue Router |
| Package Manager | Bun |
| Code Quality | ESLint, Prettier |
- Node.js 18+ or Bun
- Git
# Clone the repository
git clone https://github.com/pyyupsk/vue-setup.git
cd vue-setup
# Install dependencies
bun install
# Start development server
bun run dev# Development
bun run dev # Start dev server
bun run build # Build for production
bun run preview # Preview production build
# Code Quality
bun run format # Format code
bun run lint # Lint code
bun run lint:fix # Fix linting issues
bun run typecheck # Type checkingvue-setup/
├── public/ # Static assets
├── src/
│ ├── assets/ # Static assets
│ ├── components/ # Vue components
│ ├── lib/ # Library code
│ ├── pages/ # Route pages
│ ├── app.vue # Root component
│ ├── main.ts # Application entry
│ └── router.ts # Vue Router configuration
├── index.html # HTML template
└── vite.config.ts # Vite configuration
This template uses Tailwind CSS with shadcn-vue components for a beautiful and consistent design system. All components are fully customizable and follow accessibility best practices.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.