Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hub-yang/my-vue-dev-template

It is a init template with vite+vue3+unocss+vueuse
https://github.com/hub-yang/my-vue-dev-template

ts unocss vite vue

Last synced: about 2 months ago
JSON representation

It is a init template with vite+vue3+unocss+vueuse

Awesome Lists containing this project

README

        


🚀A `quick-start` Vue3 Template


based on antfu-`vitesse-lite`


## 📦Include

- [Vue3](https://github.com/vuejs/core)

- [Vite](https://github.com/vitejs/vite)

- [Vue Router](https://github.com/vuejs/vue-router)

- [UnoCSS](https://github.com/unocss/unocss)

- [TypeScript](https://github.com/microsoft/TypeScript)

- [`devtools-next`](https://github.com/vuejs/devtools-next)

- [`unplugin-vue-router`-基于文件的路由](https://github.com/posva/unplugin-vue-router)

- [`unplugin-auto-import`-配置自动导入](https://github.com/antfu/unplugin-auto-import)

- [`unplugin-vue-components`-配置组件自动加载](https://github.com/antfu/unplugin-vue-components)

- [VueUse-Composition API工具集](https://github.com/antfu/vueuse)

- [pnpm](https://github.com/pnpm/pnpm)

- [antfu-eslint-config](https://github.com/antfu/eslint-config)

- [commitlint](https://github.com/conventional-changelog/commitlint)


### 克隆模板

```sh
git clone https://github.com/Hub-yang/my-vue-dev-template.git
```

推荐使用[degit](https://github.com/Rich-Harris/degit)

```bash
npx degit Hub-yang/my-vue-dev-template my-dev-app
```

```bash
cd my-dev-app
```

```bash
pnpm i # 没有pnpm ?, 先运行: npm install -g pnpm
```

### 🔥[自动配置commitlint+husky+lint-staged](https://github.com/Hub-yang/todo-scripts)

```bash
pnpm install --save-dev @huberyyang/todo-scripts
```

```bash
npx hubery commitlint-init --clear
```