🌈 介绍

基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + pinia，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。

💒 代码仓库

• https://gitee.com/diygw/diygw-ui-admin

💒 集成后端

• 基于thinkphp6实现的DIYGW-UI-PHP

🏭 环境支持

Edge	last 2 versions	last 2 versions	last 2 versions

由于 Vue3 不再支持 IE11，故而 ElementPlus 也不支持 IE11 及之前版本。

⚡ 使用说明

# 克隆项目
git clone https://gitee.com/diygw/diygw-ui-admin.git

# 进入项目 桌面 cmd 运行
cd diygw-ui-admin

# 推荐使用yarn 也可参照后面直接使用npm
# 安装 yarn
npm install -g yarn

# 安装依赖
yarn

# 修改配置
修改.env下VITE_API_PROXY地址改成你的后台地址。对应diygw-ui-php安装的域名地址。

# 运行项目
yarn dev

# 打包发布
yarn build
打包成功后直接把dist目录下所有文件拷贝到diygw-ui-php\public目录下


# 或者直接使用NPM
# 安装依赖
npm install

# 运行项目
npm run dev

# 打包发布
npm run build

❤️ 鸣谢列表

• vue
• vue-next
• element-ui
• element-plus
• vue-router-next
• pinia
• echarts
• axios
• clipboard
• countUp
• mitt
• nprogress
• screenfull
• sortablejs
• sass
• typescript
• vite
• wangeditor
• cropperjs
• qrcodejs
• print-js
• vue-web-screen-shot
• vue-grid-layout
• splitpanes
• vue-drag-verify
• jsplumb

💕 特别感谢

• @lyt-Top

💌 支持作者

如果觉得框架不错，或者已经在使用了，希望你可以去 Gitee 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。