byoungd / modern-vue-template

Modern Vue Stack 2022. Joyful development experience πŸŽ‰
MIT License
291 stars 27 forks source link
vue3-typescript

Modern Vue

Modern Vue stack 2022 with Micro front end & Monorepo πŸŽ‰.

Joyful development experience πŸ˜„.

The main branch will keep clean for quickly creating Vue3 web app.

Monorepo architecture please visit branch monorepo.

Lang

Features

example:

<template>
  <div class="app">
    <RouterView />
  </div>
</template>

<script setup lang="ts" name="App"></script>

We have removed two features APIs auto import and WindiCSS since 2022.02.24. For the reason:

Type Imports

// types.ts

export interface User {
  username: string
  password: string
  avatar?: string
}
<script setup lang="ts">
  import type { User } from '~/types'

  defineProps<User>()
</script>

<template>...</template>

Pre-packed

UI Frameworks

Icons

Plugins

Coding Style

Dev tools

Try it now!

Requires Node >=14

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history

Usage

Development

pnpm i

pnpm dev

Build

To build the App, run


pnpm build

With Env:


pnpm build:test

And you will see the generated file in dist that ready to be served.

Thanks

Final

enjoy :)