vue3版本vue3-element-admin

1.官网资源(我这个资源文件夹是配置好的,不用下载依赖了,可以直接npm start运行,下面只是介绍下官网是怎么操作的)

vue3-element-admin官网(非TS版,为JS的,这个文件夹的项目也是从这个官网下载过来的) 官网地址: huzhushan.gitee.io/vue3-elemen… 效果展示: huzhushan.gitee.io/vue3-elemen… 项目需要先安装依赖再运行

# 克隆项目
git clone https://github.com/huzhushan/vue3-element-admin.git

# 进入项目目录
cd vue3-element-admin

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题(或者使用yarn install 一样的效果)
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm start

运行成功会发现加载不了页面,有个请求资源404, 在src下找到permission.js,找到以下代码(import { TOKEN } from '@/store/modules/app')换成import { TOKEN } from '@/pinia/modules/app'即可解决

2.别人封装的资源(可以作为参考,TS版本)

这里附上一个别人写的基于vue3-element-admin+TS+vite版本的封装展示 gitee地址: gitee.com/youlaiorg/v… 博客地址: juejin.cn/post/722899… 效果展示: vue3.youlai.tech/#/

vue2版本的vue-element-admin

上面的压缩包是已经配好了的,直接npm run dev运行即可 基于vue2+element的后台管理系统 官方文档:panjiachen.github.io/vue-element… gitee地址:gitee.com/panjiachen/…

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 进入项目目录
cd vue-element-admin

# 安装依赖
npm install

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 本地开发 启动项目
npm run dev