当前位置：首页 > article >正文

vue管理系统模版

article 2024/9/21 14:29:27

vue3版本vue3-element-admin

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

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

# 克隆项目
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地址: https://gitee.com/youlaiorg/vue3-element-admin/tree/master/src
博客地址: https://juejin.cn/post/7228990409909108793
效果展示: https://vue3.youlai.tech/#/

vue2版本的vue-element-admin

上面的压缩包是已经配好了的,直接npm run dev运行即可
基于vue2+element的后台管理系统
官方文档:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD
gitee地址:https://gitee.com/panjiachen/vue-element-admin?utm_source=alading&utm_campaign=repo(不是克隆的地址,是页面地址)

# 克隆项目
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