# 检测项目Vue框架

## 启动项目

`npm start`

http://localhost:3000/ 

## 文件夹结构

页面都放到components文件夹下

子组件放到自己的父文件夹里面

sevices和model都放子组件中

## 标题和加载页

待抽离到配置文件。

## 新增页面

components文件夹下新建

## 图表

echarts

## 布局

总的 在 `app.vue`下布局，

局部的就在自己的组件中。

rem方案：index.html。

## 简易数据流

简单的话，就父子传参

复杂，vuex

## 权限管理

暂定

## 全局初始数据

在index.html中用直接引入js文件，挂载到window下

## 使用 css

less。

自己的组件就用scoped

全局的css： src\style\common\index.less

## 添加图片，字体和文件

图片：统一放到`src\assets\`下

字体：统一在`public\fonts\`，在全局css中一次引入

文件：统一放到`src\assets\`下

## 网络请求

axios。自己再封装一层。

## 代理

后端代理

## 调试

无

## 构建

`npm run build`

## 部署

直接拷贝dist

## Lint

.eslintrc.js

airbnb-base

feat: 新功能（feature）

fix: 修补bug

docs: 文档（documentation）

style:  格式（不影响代码运行的变动）

refactor: 重构（即不是新增功能，也不是修改bug的代码变动）

test: 增加测试

chore: 构建过程或辅助工具的变动