Vue TypeScript Starter

Vue template for starter using Vue3 + TypeScript + Vite + Pinia + Unocss 🚀

Feature

• Vue3.0
• Vue Router
• TypeScript
• Vite Next Generation Frontend Tooling
• Vue DevTools Vue DevTools - Unleash Vue Developer Experience
• vite-plugin-pwa Zero-config PWA for Vite
• Pinia The Vue Store that you will enjoy using
• ⚙️ Vitest Unit Testing with Vitest
• 🎉 Element Plus A Vue.js 3 UI Library made by Element team
• 🌈 Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. 🐜
• vueuse Collection of essential Vue Composition Utilities for Vue 2 and 3
• axios Promise based HTTP client for the browser and node.js
• 🎨 UnoCSS - the instant on-demand atomic CSS engine
• 😃 Use icons from any icon sets with classes
• 🌍 I18n ready Vue I18n Internationalization plugin for Vue.js
• msw Seamless REST/GraphQL API mocking library for browser and Node.js.
• ESLint
• Prettier
• Airbnb Style Guide
• Commitlint Lint commit messages
• Commitizen The commitizen command line utility.

Start

# 0. Clone project
git clone https://github.com/yugasun/vue-ts-starter

# 1. Install dependencies
pnpm install

# 2. Start develop server
pnpm dev

# 3. Build
pnpm build

Customize

If you want to use Ant Design Vue, just checkout the branch antd.

git clone --branch antd https://github.com/yugasun/vue-ts-starter

If you don't need any UI components, just clone or checkout the branch simple.

git clone --branch simple https://github.com/yugasun/vue-ts-starter

Recommended IDE Setup

• VS Code + Volar

License

MIT @yugasun