• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

收藏一款轻量级、简单易用、结构清晰的VueCLI3+TypeScript+ElementUI开发的企业级后台 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

Vue-typescript-element-template
Git仓库地址:
https://github.com/forijk/vue-typescript-element-template.git

一款轻量级、简单易用、结构清晰的 Vue CLI3 + TypeScript + ElementUI 开发的企业级后台模板。

近期更新

  • 增加 axios 插件的封装,防抖、节流、请求缓存等。
  • 增加一些示例页面

使用方法及特点

  • 使用方法

  • 特点:

    • 多入口项目;也改成单入口,直接修改 vue.config.js 即可
    • 采用 ESLint 作为代码规范工具,内置对 typescript 语法的支持
    • 文件目录结构清晰
      • pages 项目目录
      • 工具类 utils
      • 插件类 plugins
      • 公共组件 components
    • 已对 router、store 进行了简单的配置,拿来即用
    • 集成三级菜单、面包屑功能等功能
    • 已抽离公共组建 Layout、Header、Side、Breadcrumb 等组件,简单易用,便于扩展

目录结构

├── babel.config.js
├── package.json
├── postcss.config.js
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── assets
│   │   ├── logo.png
│   │   └── page404.png
│   ├── common
│   │   ├── Bus.ts
│   │   ├── axios.ts
│   │   ├── axiosExtensions.ts
│   │   ├── common.scss
│   │   └── interpators.ts
│   ├── components
│   │   ├── Breadcrumb.vue
│   │   ├── Header.vue
│   │   ├── Layout.vue
│   │   └── Side.vue
│   ├── global.d.ts
│   ├── pages
│   │   ├── home
│   │   │   ├── App.vue
│   │   │   └── main.ts
│   │   ├── index
│   │   │   ├── App.vue
│   │   │   ├── main.ts
│   │   │   ├── router.ts
│   │   │   ├── service
│   │   │   │   ├── apiMap.ts
│   │   │   │   └── apimanage.serve.ts
│   │   │   ├── store
│   │   │   │   ├── actions.ts
│   │   │   │   ├── index.ts
│   │   │   │   ├── mutation-types.ts
│   │   │   │   └── state.ts
│   │   │   └── views
│   │   └── initialize.ts
│   ├── plugins
│   │   ├── inject.ts
│   │   ├── notify.ts
│   │   └── vue.d.ts
│   └── utils
├── tsconfig.json
└── vue.config.js

后续将持续更新。希望能够帮助到大家,有所收获,也希望大家多多提些建议。

感谢 ~


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
1、TypeScript安装、开发工具发布时间:2022-07-18
下一篇:
angulartypescript引入js文件发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap