## 框架介绍

- 简介

CCUI 2.0 （CapCloud UI 2.0）前端

[CCUI 2.0 后端源码](https://gitlab.kanhouchu.com/ljhui/khc2-system)

- 开工时间

该项目于 2022-05 开工，基于1.0重构的版本，旨在通过前后端分离的架构来提升系统的性能、可扩展性以及开发效率。重构的目标是为了更好地支持未来功能的扩展和优化，同时提升用户体验。

## 快速链接

演示地址：[http://v2.kanhouchu.com](http://v2.kanhouchu.com)


### 前端支撑
| 插件 | 版本        | 用途 |
| --- |-----------|  ----- |
| node.js | 最新         | 本地开发运行环境（生产则可以使用nginx代理） |
| ES6 | ES6（ECMAScript 2015）         | 使用了ES6（ECMAScript 2015）及以上版本的特性，提升了代码的可读性和开发效率 |
| Axios | 0.27.2 | 用于处理 HTTP 请求的库。Axios 提供了基于 Promise 的 API，用于与服务器进行数据交换 |
| Bootstrap | 4     | CSS 框架来快速构建响应式布局和样式 |

### 启动前端
```
//如果是首次启动则需要初始化，不是则直接gulp启动即可
//初始化
npm init
//将 Gulp 安装为项目的开发依
npm install gulp --save-dev
//gulp-webserver 是一个用于在开发过程中创建本地开发服务器的 Gulp 插件。它可以用来提供静态文件服务、支持实时刷新等功能。
npm install gulp-webserver --save-dev
//解决跨域问题
npm install --save-dev http-proxy-middleware
```
```
//启动
gulp
```
[参考文档](http://doc.capcloud.kanhouchu.com/web/#/p/f10ca4a89e5a7ddec7ea52197ba5996f)。

