#项目目录结构说明 ######├── src/ # 源码目录(开发的项目文件都在此文件中写) ######│ ├── assets/ # 放置需要经由 Webpack 处理的静态文件,通常为样式类文件,如css,sass以及一些外部的js ######│ ├── components/ # 公共组件 ######│ ├── filters/ # 过滤器 ######│ ├── store/ # 状态管理 ######│ ├── routes/ # 路由,此处配置项目路由 ######│ ├── services/ # 服务(统一管理 XHR 请求) ######│ ├── utils/ # 工具类 ######│ ├── pages/ # 路由页面组件 ######│ ├── App.vue # 根组件 ######│ ├── main.js # 入口文件 ######├── static/ # 放置无需经由 Webpack 处理的静态文件,通常放置图片类资源 ######├── .gitignore # (配置)在上传中需被 Git 忽略的文件(夹) ######├── package.json # 本项目的配置信息,启动方式 ######├── package-lock.json # 记录当前状态下实际安装的各个npm package的具体来源和版本号 ``` 使用dart-sass替换node-sass,sass-loader的版本为"^8.0.2", sass-loader版本过高会导致构建时报错this.getOptions is not a function. ``` ``` element-ui的版本为"^2.15.6", 因为版本"2.15.6"以上版本的时候在date-picker组件里面 添加了一行直接修改placement的代码,会导致控制台报错: Prop being mutated: "placement" ``` ```icon 图标使用svg-icon,全局组件,直接使用: ``` ``` 1.关于button、tag等标签,主色已改,不需要单独写样式. 2.项目图标,除了菜单栏图标使用svg,其余图标使用element ui icon. ``` ``` util.js通用工具方法: 1.获取当天、当月、近几周、近几月、近几年内日期/时间,格式化时间处理等 2.点击按钮后,去掉按钮焦点 3.处理base64数据 4.下载文件等 ``` # project ### Project setup ``` npm install ``` ### Compiles and hot-reloads for development ``` npm run serve ``` ### Compiles and minifies for production ``` npm run build ``` ### Lints and fixes files ``` npm run lint ``` ### Customize configuration See [Configuration Reference](https://cli.vuejs.org/config/).