## 下载项目到本地
git clone https://github.com/AndyKong207/energy-frontend.git
## 安装依赖包
npm install 或 yarn
## 运行项目
npm run start 或 yarn start
## 构建
npm run build 或 yarn build
- 前端框架:React
- 页面样式框架:ant-design
- CSS样式:less
- 项目基于roadhog脚手架搭建
- 图表:BizCharts
使用以上技术之前必须先掌握以下技术
HTML5 CSS3 JavaScript(ES5 ES6 ES7)语法 webpack
- IDE环境:webstorm
- 代码版本控制:git
- 运行环境:Node.js(必须)
- js库管理工具:npm
- 服务器系统:Linux ubuntu
- HTTP容器:nginx
.
├── dist 构建生成的文件
│ └── static
├── mock 假数据
├── public html入口
└── src
├── assets 资源
├── common 处理路由和菜单
├── components 组件
│ ├── AreaSearch
│ ├── Charts
│ │ ├── Bar
│ │ ├── ChartCard
│ │ ├── ColorfulGauge
│ │ ├── Field
│ │ ├── Gauge
│ │ ├── MiniArea
│ │ ├── MiniBar
│ │ ├── MiniProgress
│ │ ├── Pie
│ │ ├── Radar
│ │ ├── TagCloud
│ │ ├── TimelineChart
│ │ └── WaterWave
│ ├── NumberInfo
│ ├── PageHeader
│ ├── SiderMenu
│ ├── StandardTable
│ ├── Trend
│ └── utils
├── layouts 页面布局
├── models dva状态管理
├── routes 路由
│ ├── Alarm
│ ├── Analysis
│ ├── Asset
│ ├── Monitor
│ ├── Setting
│ └── User
├── services 后台请求接口
└── utils 工具