邃芒慧影、口播(PC) https://neuver.metavatar.cc/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 
 
congzc 1d35e3e99a 2 1年前
.husky firstCommit 1年前
public firstCommit 1年前
src 2 1年前
.editorconfig firstCommit 1年前
.env.development 2 1年前
.env.production 2 1年前
.env.test 4 1年前
.eslintignore firstCommit 1年前
.eslintrc-auto-import.json firstCommit 1年前
.eslintrc.cjs firstCommit 1年前
.gitignore firstCommit 1年前
.prettierignore firstCommit 1年前
.prettierrc.cjs firstCommit 1年前
.stylelintignore firstCommit 1年前
.stylelintrc.cjs firstCommit 1年前
CHANGELOG.md firstCommit 1年前
LICENSE firstCommit 1年前
README.md firstCommit 1年前
commitlint.config.cjs firstCommit 1年前
index.html 4 1年前
package.json 1 1年前
tsconfig.json firstCommit 1年前
tsconfig.node.json firstCommit 1年前
vite.config.ts 1 1年前
vite.config.ts.timestamp-1684808728027-38eb82a763185.mjs firstCommit 1年前
yarn-error.log firstCommit 1年前
yarn.lock 1 1年前

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 “提交时的注释” 跳过检验 git merge origin/dev_