# esops-ui

**Repository Path**: attacker/esops-ui

## Basic Information

- **Project Name**: esops-ui
- **Description**: vue 前端 esops-ui 项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-11-11
- **Last Updated**: 2023-02-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: admin@attacker.club
 * @Date: 2022-10-10 23:47:30
 * @LastEditTime: 2022-11-11 14:42:34
 * @Description:
-->

# frontend

# metabox-admin-web

### 技术选型

| 技术         | 说明                    | 官网                                                                             |
| ------------ | ----------------------- | -------------------------------------------------------------------------------- |
| Vue          | 前端框架                | [https://vuejs.org/](https://vuejs.org/)                                         |
| Vue-router   | 路由框架                | [https://router.vuejs.org/](https://router.vuejs.org/)                           |
| Vuex         | 全局状态管理框架        | [https://vuex.vuejs.org/](https://vuex.vuejs.org/)                               |
| element-plus | 前端 UI 框架            | [http://element-plus.gitee.io/](http://element-plus.gitee.io/)                   |
| Axios        | 前端 HTTP 框架          | [https://github.com/axios/axios](https://github.com/axios/axios)                 |
| v-charts     | 基于 Echarts 的图表框架 | [https://v-charts.js.org/](https://v-charts.js.org/)                             |
| Js-cookie    | cookie 管理工具         | [https://github.com/js-cookie/js-cookie](https://github.com/js-cookie/js-cookie) |
| nprogress    | 进度条控件              | [https://github.com/rstacruz/nprogress](https://github.com/rstacruz/nprogress)   |
| xterm        | 命令行终端              | [https://github.com/xtermjs/xterm.js](https://github.com/xtermjs/xterm.js)       |

### 项目布局

```text
src -- 源码目录
├── api -- axios网络请求定义
├── assets -- 静态图片资源文件
├── components -- 通用组件封装
├── icons -- svg矢量图片文件
├── router -- vue-router路由配置
├── layout -- 通用页面加载框架
├── store -- vuex的状态管理
├── styles -- 全局css样式
├── utils -- 工具类
└── views -- 前端页面
    ├── login -- 登录页
    ├── dashboard -- 首页

```

## 搭建步骤

- `.env.development` 中的 `BASE_API`为后端项目接口地址

### 当前目录下安装相关依赖

```
npm install
```

### 运行本地开发环境 OR npm run dev

```
npm run serve
```

### 编译构建静态资源

```
npm run build
```

### 检查/修复文件

```
npm run lint
```

本地开发环境默认端口为 8080

## 保持最新版本

```bash
## 安装组件
npm install -g npm-check-updates
## 检查package.json中dependencies的最新版本
ncu
## 更新dependencies到新版本
ncu -u
```