Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zguolee/starter-vue
Opinionated Vue Starter Template
https://github.com/zguolee/starter-vue
vite vue
Last synced: about 1 month ago
JSON representation
Opinionated Vue Starter Template
- Host: GitHub
- URL: https://github.com/zguolee/starter-vue
- Owner: zguolee
- Created: 2022-07-01T10:54:18.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-19T14:58:27.000Z (over 1 year ago)
- Last Synced: 2023-07-19T16:14:37.131Z (over 1 year ago)
- Topics: vite, vue
- Language: TypeScript
- Homepage: https://starter-vue.vercel.app
- Size: 499 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Starter Vue
## Features
- ⚡️ [Vue 3](https://github.com/vuejs/vue-next), [Vite 3](https://github.com/vitejs/vite), [pnpm](https://pnpm.js.org/), [ESBuild](https://github.com/evanw/esbuild) - born with fastness
- 🗂 [File based routing](./src/pages)
- 📦 [Components auto importing](./src/components)
- 🍍 [State Management via Pinia](https://pinia.esm.dev/)
- 📑 [Layout system](./src/layouts)
- 📲 [PWA](https://github.com/antfu/vite-plugin-pwa)
- 🎨 [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine
- 😃 [Use icons from any icon sets with classes](https://github.com/antfu/unocss/tree/main/packages/preset-icons)
- 🌍 [I18n ready](./locales)
- 🗒 [Markdown Support](https://github.com/antfu/vite-plugin-vue-markdown)
- 🔥 Use the [new `` syntax](https://github.com/vuejs/rfcs/pull/227)
- 📥 [APIs auto importing](https://github.com/antfu/unplugin-auto-import) - use Composition API and others directly
- ⚙️ Unit Testing with [Vitest](https://github.com/vitest-dev/vitest)
## Try it now
### GitHub Template
[Create a repo from this template on GitHub](https://github.com/zguolee/starter-vue/generate).
### Clone to local
If you prefer to do it manually with the cleaner git history
```bash
npx degit zguolee/starter-vue my-starter-vue-app
cd my-starter-vue-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
```
## Checklist
When you use this template, try follow the checklist to update your info properly
- [ ] Change the author name in `LICENSE`
- [ ] Change the title in `App.vue`
- [ ] Change the hostname in `vite.config.ts`
- [ ] Change the favicon in `public`
- [ ] Remove the `.github` folder which contains the funding info
- [ ] Clean up the READMEs and remove routes
And, enjoy :)
## Usage
### Development
Just run and visit [http://localhost:3000](http://location:3000)
```bash
pnpm dev
```
### Build
To build the App, run
```bash
pnpm build
```
And you will see the generated file in `dist` that ready to be served.
## Thanks
This template forked from [Vitesse](https://github.com/antfu/vitesse)