Skip to content

Vue + TypeScript + Elment-ui + Axios + WebSocket + animate.css + mockjs 的 Vue 项目模版

Notifications You must be signed in to change notification settings

JokerLoLgrey/vue-typescript-template

 
 

Repository files navigation

vue-typescript-template

基础功能列表

  • 目录结构的划分
  • 环境的区分(开发、测试、生产)
  • 路由自动化管理、按需加载
  • 页面加载进度提示
  • api 管理
  • Vuex / 自定义的状态管理
  • axios 的封装(重复请求取消,多个请求发送时只出现一个loading,token 失效重新刷新)
  • 通用的工具函数(防抖、截流等)
  • 常见指令的封装(动画指令、图片懒加载、复制指令等)
  • Web Workers 的引入(开启一个线程、分担主线程的计算压力、在处理特别耗时的任务中特别有用)
  • WebSocket 的嵌入(双向通讯)
  • 多页面配置
  • Element-ui(表格、搜索、分页组件的封装、主题、国际化等)
  • git commit 提交记录的优化
  • 移动、pc端的适配
  • 权限的处理(按钮权限, 根据权限动态添加路由
  • 自动化测试
  • 埋点

【红色部分还未完成】

详细文档

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Run your unit tests

yarn test:unit

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

About

Vue + TypeScript + Elment-ui + Axios + WebSocket + animate.css + mockjs 的 Vue 项目模版

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 50.4%
  • TypeScript 39.0%
  • JavaScript 8.0%
  • HTML 1.3%
  • Other 1.3%