• vue文件目录结构如下


    ├─ src    //主文件
    │  ├─ api    //接口文件夹
    |  |  |- config.js    //后端接口地址的配置,将测试、开发、生产环境分开
    |  |  └─ user.js      //接口文件,配置了token请求头,具体接口根据需求修改
    │  ├─ assets   //资源文件   
    │  ├─ components   //公用组件
    │  ├─ directive   //vue自定义指令
    |  ├─ filters      //存放过滤器文件,自带了手机号加密,手机号格式化,时间日期处理
    |  ├─ interceptors    //存放axios拦截器配置,写入了接口调用的loading加载以及http状态码报错拦截
    |  ├─ interface    //放置公用的接口,对数据进行类型限制
    |  ├─ layout      //布局文件,通过子路由渲染方式实现,具体HTML布局根据需求修改  
    |  ├─ mixins      //混入文件,配置了一个平滑滚动的方法
    |  ├─ plugins     //外部插件文件夹,配置了按需引入的element-ui
    |  ├─ reg    //存放正则以及校验的文件夹
    |  |  |- reg.ts      //存放正则表达式,自带了传真,邮箱,qq,手机号,银行卡号,固定电话,密码强度校验正则
    |  |  └─ validator.ts      //存放element-ui自定义校验,自带了传真,邮箱,qq,手机号,银行卡号,固定电话,密码强度自定义校验
    |  ├─ router      //路由文件
    |  ├─ store       //vuex全局变量文件
    |  |  |- index.ts      //store主文件
    |  |  └─ module     //store模块文件夹
    |  |  |  └─ user.ts      //存放user相关的全局变量
    |  ├─ stylus   //css预处理器文件夹
    |  |  |- reset.styl      //样式初始化文件,自带了非标准盒子,a标签清除下划线,清除内外边距,禁止图片拖拽等效果
    |  |  └─ color.styl     //颜色变量文件
    |  ├─ utils   //公用方法文件夹
    |  |  |- area.ts      //存放省市区三级地区的数据
    |  |  |- array.ts      //存放数组相关的公用方法,自带了两个元素交换位置,元素前进后退一格,元素置顶或末尾,去重,删除指定元素操作
    |  |  └─ object.ts    //存放对象相关的公用方法,自带了对象清空所有值的方法
    |  ├─ views   //页面文件夹
    |  ├─ main.ts   //主配置文件
    |  ├─ babel.config.js   //babel配置文件,写入了element-ui按需加载的配置
    |  ├─ package.json   //npm的包管理文件
    |  ├─ tsconfig.json   //ts配置文件
    |  ├─ vue.config.js   //vue配置文件
  • 相关阅读:
    3/10
    2/10
    福大软工 · 最终作业
    福大软工 · 第十二次作业
    Beta 冲刺(7/7)
    Beta 冲刺(6/7)
    Beta 冲刺(5/7)
    Beta 冲刺(4/7)
    Beta 冲刺(3/7)
    Beta 冲刺(2/7)
  • 原文地址:https://www.cnblogs.com/webljl/p/13949561.html
Copyright © 2020-2023  润新知