<div align="center">
<br/>

  <h1 align="center">
    layui vue admin
  </h1>

  <h4 align="center">
     开 箱 即 用 的 layui vue 企 业 级 前 端 模 板
  </h4> 

  [官 网](http://www.layui-vue.com/) |   [预 览](http://admin.layui-vue.com/) 

</div>

<p align="center">
    <a href="#">
        <img src="https://img.shields.io/badge/layui vue admin-1.0.0-green.svg" alt="Pear Admin Pro Version">
    </a>
    <a href="#">
        <img src="https://img.shields.io/badge/vue-3.0.0+-green.svg" alt="Vue Version">
    </a>
    <a href="#">
        <img src="https://img.shields.io/badge/layui vue-2.6.3-green.svg" alt="Ant Design Vue Version">
    </a>
    <a href="#">
        <img src="https://img.shields.io/badge/node-16.0.0-red.svg" alt="Node Version">
    </a>
</p>

<div align="center">
  <img  width="92%" style="border-radius:2px;margin-top:20px;margin-bottom:20px;box-shadow: 2px 0 6px gray;" src="resources/1.jpg" />
</div>


### 🌈 项目概述

* 基于 Layui Vue 实现的通用前端模板。整合最新技术高效快速开发，前后端分离模式，开箱即用。
* 核心模块包括：登录、工作空间、表单页面、列表页面、结果页面、异常页面 等功能。
* 代码量少、学习简单、功能强大、轻量级、易扩展，轻松开发从现在开始！

### 开始使用

```

切换环境

nvm install 16.0.0

nvm use 16.0.0

安装依赖

npm install -g pnpm

pnpm install

启动项目

npm run dev

打包项目

npm run build

```

## 预览截图

| 预览                  |                界面   |
|-----------------------|-----------------------|
| ![](resources/1.jpg)  | ![](resources/2.jpg)  |
| ![](resources/3.jpg)  | ![](resources/4.jpg)  |
| ![](resources/5.jpg)  | ![](resources/6.jpg)  |
| ![](resources/7.jpg)  | ![](resources/8.jpg)  |
| ![](resources/9.jpg)  | ![](resources/10.jpg) |
| ![](resources/11.jpg) | ![](resources/12.jpg) |
| ![](resources/13.jpg) | ![](resources/14.jpg) |