https://github.com/hsiangleev/element-plus-admin

基于vite+ts+elementPlus
https://github.com/hsiangleev/element-plus-admin

admin element-plus postcss stylelint typescript vite vue-next vuejs3

Last synced: 3 days ago
JSON representation

基于vite+ts+elementPlus

• Host: GitHub
• URL: https://github.com/hsiangleev/element-plus-admin
• Owner: hsiangleev
• License: mit
• Created: 2020-12-10T09:35:13.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2023-09-07T08:51:50.000Z (over 1 year ago)
• Last Synced: 2025-01-11T17:11:15.583Z (10 days ago)
• Topics: admin, element-plus, postcss, stylelint, typescript, vite, vue-next, vuejs3
• Language: Vue
• Homepage: https://element-plus-admin.hsianglee.cn/
• Size: 1.41 MB
• Stars: 497
• Watchers: 11
• Forks: 149
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        



  





    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    



## 简介

[element-plus-admin](https://github.com/hsiangleev/element-plus-admin) 是一个后台前端解决方案，它基于 [vue-next](https://github.com/vuejs/vue-next) 和 [element-plus](https://github.com/element-plus/element-plus)实现。它使用了最新的前端技术栈vite，typescript和postcss构建，内置了 动态路由，权限验证，皮肤更换，提供了丰富的功能组件，它可以帮助你快速搭建中后台产品原型。

- [在线预览](https://element-plus-admin.hsianglee.cn/)

- [Gitee](https://gitee.com/hsiangleev/element-plus-admin)

## 前序准备

你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。本项目技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue-next](https://github.com/vuejs/vue-next)、[typescript](https://github.com/microsoft/TypeScript)、[vite](https://github.com/vitejs/vite)、[postcss](https://github.com/postcss/postcss) 和 [element-plus](https://github.com/element-plus/element-plus)，所有的请求数据都使用[Mock.js](https://github.com/nuysoft/Mock)进行模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。



    



## 开发

```bash

# 克隆项目

git clone https://github.com/hsiangleev/element-plus-admin.git

# 进入项目目录

cd element-plus-admin

# 安装依赖

npm install

# 启动服务

npm run dev

```

浏览器访问 http://localhost:3002

## 发布

```bash

# 发布

npm run build

# 预览

npm run preview

```

## 其它

```bash

# eslint代码校验

npm run eslint

# stylelint代码校验

npm run stylelint

```

## 浏览器

**目前仅支持现代浏览器**

| [](https://godban.github.io/browsers-support-badges/)IE / Edge | [](https://godban.github.io/browsers-support-badges/)Firefox | [](https://godban.github.io/browsers-support-badges/)Chrome | [](https://godban.github.io/browsers-support-badges/)Safari |

| --------- | --------- | --------- | --------- |

| Edge | last 2 versions | last 2 versions | last 2 versions |

## 捐赠

如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 :tropical_drink:

![donate](https://images.hsianglee.cn/pay/pay.png?v=0.0.2)

## License

[MIT](https://github.com/hsiangleev/element-plus-admin/blob/master/LICENSE)

Copyright (c) 2020-present hsiangleev