├─ 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配置文件
原文：https://www.cnblogs.com/webljl/p/13949561.html