66 lines
2.4 KiB
Markdown
66 lines
2.4 KiB
Markdown
#项目目录结构说明
|
||
######├── 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,全局组件,直接使用：
|
||
<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](https://cli.vuejs.org/config/).
|