邃芒慧语、照片说话(PC) https://photo.metavatar.cc/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
HolyKnightIX dfec365877 Merge branch 'dev_YWQ' into dev 1 jaar geleden
.husky firstPush 1 jaar geleden
public 标题、语言与图标 1 jaar geleden
src Merge branch 'dev_YWQ' into dev 1 jaar geleden
.editorconfig firstPush 1 jaar geleden
.env.development 注册功能 1 jaar geleden
.env.production 注册功能 1 jaar geleden
.eslintignore firstPush 1 jaar geleden
.eslintrc-auto-import.json firstPush 1 jaar geleden
.eslintrc.cjs firstPush 1 jaar geleden
.gitignore firstPush 1 jaar geleden
.prettierignore firstPush 1 jaar geleden
.prettierrc.cjs firstPush 1 jaar geleden
.stylelintignore firstPush 1 jaar geleden
.stylelintrc.cjs firstPush 1 jaar geleden
CHANGELOG.md firstPush 1 jaar geleden
LICENSE firstPush 1 jaar geleden
README.md 商店页 1 jaar geleden
commitlint.config.cjs firstPush 1 jaar geleden
index.html 标题、语言与图标 1 jaar geleden
package.json 注册功能 1 jaar geleden
tsconfig.json firstPush 1 jaar geleden
tsconfig.node.json firstPush 1 jaar geleden
vite.config.ts 注册功能 1 jaar geleden
vite.config.ts.timestamp-1684808728027-38eb82a763185.mjs 标题、语言与图标 1 jaar geleden
yarn.lock 注册功能 1 jaar geleden

README.md

vue3-element-admin官方文档 | 在线预览

项目介绍

vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 版本后台管理框架,使用 Vue3、Vite4、TypeScript、Pinia、Element Plus 当前主流技术栈开发。

项目特色

  • 基于 vue-element-admin 升级的 Vue3 版本,主流技术栈,无过度自定义封装,极易上手,减少学习成本;
  • 配套 Java 后台接口,非 Mock 数据,在线接口文档
  • 01 的项目文档支持,官方文档
  • 系统功能:用户、角色、菜单、字典管和部门管理等;
  • 基础设施:动态路由,按钮权限,常用组件封装。

技术栈

技术栈 描述 官网
Vue3 渐进式 JavaScript 框架 https://v3.cn.vuejs.org/
TypeScript JavaScript 的一个超集 https://www.tslang.cn/
Vite 前端开发与构建工具 https://cn.vitejs.dev/
Element Plus 基于 Vue 3,面向设计师和开发者的组件库 https://element-plus.gitee.io/zh-CN/
Pinia 新一代状态管理工具 https://pinia.vuejs.org/
Vue Router Vue.js 的官方路由 https://router.vuejs.org/zh/

项目预览

在线预览地址http://vue3.youlai.tech/

控制台 & 接口文档

暗黑模式
接口文档

权限管理系统

| 用户管理 | image-20230313003008012 | | --- | --- | | image-20230313003028425 | 字典管理 |

项目地址

Gitee Github
vue3-element-admin vue3-element-admin
vue3-element-admin
后端 youlai-boot youlai-boot

环境要求

  • Node 环境

版本:16+

  • 开发工具

VSCode

  • 必装插件

  • Vue Language Features (Volar)

  • TypeScript Vue Plugin (Volar)

项目启动

# 安装 pnpm
npm install pnpm -g

# 安装依赖
pnpm install

# 项目运行
pnpm run dev

# 项目打包
pnpm run build:prod

项目部署

  • 上传文件

将打包生成在 dist 目录下的文件拷贝至 /usr/share/nginx/html 目录

  • nginx.cofig 配置
server {
listen 80;
server_name localhost;

location / {
root /usr/share/nginx/html;
index index.html index.htm;
}

# 代理转发 prod-api 标识至 vapi.youlai.tech
location /prod-api/ {
proxy_pass http://vapi.youlai.tech/;
}
}

接口文档

本地接口

默认使用线上接口,你可以通过以下步骤完成本地接口环境搭建:

  1. 获取基于 Java 、SpringBoot 开发的后端 youlai-boot 源码 ;
  2. 根据后端工程说明文档 README.md 完成本地启动;
  3. 替换 vite.config.ts 的代理目标地址 vapi.youlai.tech 为本地的 localhost:8989 。

关于我们

欢迎加我的微信,备注 前端后端全栈 进对应技术交流群

微信交流群 我的微信

git commit -m “feat: " git commit --no-verify -m “提交时的注释” 跳过检验