本文最后更新于 2024-05-09，

若内容或图片失效，请留言反馈。部分素材来自网络，若不小心影响到您的利益， 请联系我 删除。

本站只有Telegram群组为唯一交流群组， 点击加入

文章内容有误？申请成为本站文章修订者或作者？ 向站长提出申请

前言

vue-pure-admin 是一款开源免费且开箱即用的中后台管理系统模版。完全采用 ECMAScript 模块（ESM）规范来编写和组织代码，使用了最新的 Vue3、 Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等主流技术开发

项目地址：https://github.com/pure-admin/vue-pure-admin?tab=readme-ov-file

electron版：https://github.com/pure-admin/electron-pure-admin

tauri版：https://github.com/pure-admin/tauri-pure-admin

界面预览

1715221429402.webp
1715221424613.webp
1715221435623.webp
1715221441101.webp
1715221445826.webp

安装使用

推荐使用 @pureadmin/cli 脚手架

  1. 全局安装
npm install -g @pureadmin/cli
  1. 交互式选择模板并创建项目
pure create

点我查看 @pureadmin/cli 脚手架详细用法

从 GitHub 上拉取

git clone https://github.com/pure-admin/vue-pure-admin.git

从 Gitee 上拉取

git clone https://gitee.com/yiming_chang/vue-pure-admin.git

安装依赖

cd vue-pure-admin

pnpm install

启动平台

pnpm dev

项目打包

pnpm build

Docker 支持

  1. 自定义镜像名为 vue-pure-admin 的镜像（请注意下面命令末尾有一个点 . 表示使用当前路径下的 Dockerfile 文件，可根据实际情况指定路径）
docker build -t vue-pure-admin .
  1. 端口映射并启动 docker 容器（8080:80：表示在容器中使用 80 端口，并将该端口转发到主机的 8080 端口；pure-admin：表示自定义容器名；vue-pure-admin：表示自定义镜像名）
docker run -dp 8080:80  --name pure-admin vue-pure-admin

操作完上面两个命令后，在浏览器打开 http://localhost:8080 即可预览