2024-11-29 16:04:56 +08:00

2.4 KiB
Raw Permalink Blame History

#项目目录结构说明 ######├── src/ # 源码目录(开发的项目文件都在此文件中写) ######│ ├── assets/ # 放置需要经由 Webpack 处理的静态文件通常为样式类文件如csssass以及一些外部的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-sasssass-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"
图标使用svg-icon,全局组件,直接使用:
<svg-icon icon-class="user"></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.