Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pdsuwwz/pure-vue3-admin

📦 (附示例截图)一个纯净的 Vue3 模板,吸收敏捷开发思想,搭建基于 Vite 5 + Element-Plus + Flat ESLint(v9) + TypeScript + Pinia@next + Jest 的业务项目框架,实现快速开发,开箱即用
https://github.com/pdsuwwz/pure-vue3-admin

admin element eslint javascript mvp pinia plus template vite vite5 vue vue3

Last synced: 12 days ago
JSON representation

📦 (附示例截图)一个纯净的 Vue3 模板,吸收敏捷开发思想,搭建基于 Vite 5 + Element-Plus + Flat ESLint(v9) + TypeScript + Pinia@next + Jest 的业务项目框架,实现快速开发,开箱即用

Awesome Lists containing this project

README

        

# pure-vue3-admin

[![License](https://img.shields.io/github/license/pdsuwwz/pure-vue3-admin?color=ffd932)](https://github.com/pdsuwwz/pure-vue3-admin/blob/main/LICENSE)
[![License](https://img.shields.io/github/package-json/dependency-version/pdsuwwz/pure-vue3-admin/element-plus)](https://github.com/pdsuwwz/pure-vue3-admin)
[![License](https://img.shields.io/github/package-json/dependency-version/pdsuwwz/pure-vue3-admin/vue?color=ffd932)](https://github.com/pdsuwwz/pure-vue3-admin)
[![License](https://img.shields.io/github/package-json/dependency-version/pdsuwwz/pure-vue3-admin/dev/vite?color=ffd932)](https://github.com/pdsuwwz/pure-vue3-admin)

A Vue 3.x Pure Admin Prototyping Template

📦 一个纯净的 Vue3 模板,吸收敏捷开发思想,搭建基于 Vite5 + Vue3 + TypeScript + Element plus + Pinia@next 的业务项目框架,实现快速开发,开箱即用

## 💫 Features

模板已集成以下技术栈,可按需引用

- [x] Vite 5.x
- [x] Vue 3.x
- [x] TypeScript
- [x] Vue Router
- [x] Pinia (替代 Vuex)
- [x] Element Plus 2.x
- [x] Jest 29.x + Unit Test
- [x] Lint + Flat Eslint(v9) + Stylistic + Stylelint
- [x] Axios
- [x] Lodash
- [x] Echarts
- [x] i18n + vue-i18n-next
- [x] Modular
- [x] Alias Path

## 前置条件

* Vue 3.x
* Node >= 16.15.x
* Pnpm 8.x
* **VS Code 插件 `dbaeumer.vscode-eslint` >= v3.0.5 (pre-release)**

## 运行效果

image
image

## 安装和运行

* 安装依赖

```bash
pnpm i
```

* 本地开发

```bash
pnpm dev
```

## 单元测试

* 执行单测

```bash
pnpm test
```

* 执行覆盖率测试

```bash
pnpm test:coverage
```

## 说明

* 如果此开源对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^ 🌹

* 或者您可以 "follow" 一下, 我会不断开源更多有趣和实用的项目

* 开发环境 MacOS Ventura, VSCode

* 如有问题请直接在 Issues 中提, 或者您发现问题并有非常好的解决方案, 欢迎 PR 👍

* 推荐一些其他的相应的模板项目,可在此基础上进行业务二次开发和定制:

- 🍍 [Pinia + Unocss + Element Plus + Vue3 + TS + vue-i18n@next 版本](https://github.com/pdsuwwz/vue-boilerplate-i18n)

- ⚡️ [Vuex + Unocss + Element Plus + Vue3 + TS 版本](https://github.com/pdsuwwz/vite-ts-starter)

## 😎 Awesome

* [awesome-vite](https://github.com/pdsuwwz/awesome-vite)

## License

[MIT](./LICENSE) License | Copyright © 2022-PRESENT [Wisdom](https://github.com/pdsuwwz)