V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Sponsored by
LinkedIn
不坐班的神仙工作 · 去任何你想去的地方远程,赚一线城市的工资
2000 个不用出门 Social 的全球远程工作,帮助 V2EX 的小伙伴开启全新的工作方式。
Promoted by LinkedIn
vipbic
V2EX  ›  分享创造

Vue3+Vite2.6+TypeScript+ant-design-vue 构建,提供基础的框架,快速搭建企业级中后台产品,响应式管理后台系统

  •  
  •   vipbic · 284 天前 · 2341 次点击
    这是一个创建于 284 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Vue3+Vite2.6+TypeScript+ant-design-vue 构建,提供基础的框架,快速搭建企业级中后台产品,响应式管理后台系统,集成项目切换,动态菜单路由等等,让开发者能快速开发

    预览

    预览图

    点这里直达

    文档教程

    Github

    文档地址

    使用项目

    克隆项目
    git clone https://github.com/hangjob/vue-vite-admin-ts.git
    

    安装依赖

    node.js 版本需要大于 12 ,vite 的编译环境是 12 以上的版本

    npm i
    

    启动应用

    npm run dev
    

    发布

    npm run build
    

    其他

    # eslint 代码格式检查
    npm run lint 
    # eslint 自动修复代码
    npm run lint:fix
    

    Eslint

    eslint 已做过滤配置,只会对 package 文件中代码做检查

    已完成的功能

    ✅ 使用 Vue 3

    ✅ 使用 Vuex 4.x

    ✅ 使用 Vue-router 4.x

    ✅ 基于 Vite 2.6

    ✅ 基于 Ant Design Vue

    ✅ 整体框架响应式布局

    ✅ 项目切换

    ✅ 用户登录拦截,用户退出

    ✅ 面包屑导航 + 多种布局效果

    ✅ 基于后台权限,按钮权限设计

    ✅ 菜单导航 + 多种布局

    ✅ 内置 iconfont 字体图标,自动生成组件

    ✅ 基于 axios 封装 post ,get ,all ,upload ,download

    ✅ http 错误重连

    ✅ 组件权限指令封装

    ✅ tsx 构建全局组件

    ✅ http 网络组件(vue3 新特性)

    ✅ 菜单管理,包含增、删、改、查,菜单是缓存、是否固定、是否隐藏(但展示)、是否隐藏等待 具体功能,查看文档

    ✅ 包含富文本编辑器,文件打印,图表预览,动画组件,状态详情组件等等

    ✅ 支持多页面应用

    ✅ 支持 iframe 内嵌

    ✅ 页面刷新

    ✅ 页面全屏

    ✅ 右键菜单封装

    ✅ 滚动条优化

    ✅ 骨架屏组件预览

    ✅ 基于封装 loadsh 深层遍历、查找、无规律查找

    ✅ 基于 mitt 全局通信

    ✅ 基于 vxe-table 解决万量级表格渲染

    ✅ Mock 数据

    ✅ Egg.js 后端服务,具体操作看文档

    ✅ sequelize 模型增删改查

    ✅ Eslint 代码检查

    ✅ 开发编辑器全局配置

    ✅ 打包压缩处理 Gzip

    待完成

    ✖️ 主题切换

    ✖️ 中 /英文切换

    ✖️ iframe 缓存

    19 条回复    2021-12-24 19:16:33 +08:00
    DyingSwan
        1
    DyingSwan  
       284 天前
    牛逼呀 我去给你点个 star
    justrand
        2
    justrand  
       283 天前
    请教一个很小白的问题,像演示 demo 是如何做到放在 github page 上的?有相关教程吗
    playniuniu
        3
    playniuniu  
       283 天前
    赞一下,已 Star
    vipbic
        4
    vipbic  
    OP
       283 天前
    @DyingSwan 好勒,老铁
    vipbic
        5
    vipbic  
    OP
       283 天前
    @justrand 有的,我觉的这一个讲的挺好的了,https://sspai.com/post/54608
    dengshen
        6
    dengshen  
       283 天前 via iPhone
    @justrand 新建一个 GitHub 同名的仓库,把东西放在里面就可以访问了
    vipbic
        7
    vipbic  
    OP
       283 天前
    @playniuniu 感谢,铁子
    fengsi
        8
    fengsi  
       283 天前
    蹲一个用 react 写的。。
    sayyiku
        9
    sayyiku  
       283 天前
    star 了
    vipbic
        10
    vipbic  
    OP
       283 天前
    @fengsi 靠你了🤪🤪
    vipbic
        11
    vipbic  
    OP
       283 天前
    @sayyiku 蟹蟹
    aboat365
        12
    aboat365  
       283 天前
    已给星,老铁前端写的很棒!我写了个业务支撑系统,前端技术比较渣,想邀你共同开源。项目地址 https://gitee.com/syksy/qingzhou
    conglovely
        14
    conglovely  
       281 天前
    前端渣来仰望大佬
    vipbic
        15
    vipbic  
    OP
       280 天前
    @aboat365 要我怎么操作
    vipbic
        16
    vipbic  
    OP
       280 天前
    @wensonsmith 学到了, 你文档看的很认真
    vipbic
        17
    vipbic  
    OP
       280 天前
    @conglovely 我以前也是个渣,现在稍微好了点
    ruoxie
        18
    ruoxie  
       280 天前
    准备 2022 ,template 里 ts 提示支持怎么样了?
    vipbic
        19
    vipbic  
    OP
       280 天前
    @ruoxie 很好用反正
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2042 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 03:00 · PVG 11:00 · LAX 20:00 · JFK 23:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.