# QuantumReleaseWidgets（待删除，已迁移至QRelease）

**Repository Path**: sustech-quantum-open/quantum-release-widgets

## Basic Information

- **Project Name**: QuantumReleaseWidgets（待删除，已迁移至QRelease）
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-17
- **Last Updated**: 2021-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# QuantumReleaseWidgets

## 介绍
此仓库中包含了一系列Vue编写的用于展示数据的组件。其中包括
- VQE 算法 Benchmark 结果可视化组件
- 课题组展示用插件

## 配置
开发本项目需要的软件
- git
- npm

配置命令
- git clone https://gitee.com/sustech-quantum-open/quantum-release-widgets.git
- npm install

效果展示
- npm run serve

热更新开发环境
- npm run serve
- npm run watch（换一个terminal）
（我暂时不知道怎么用一条命令搞热更新server。因为webpack5貌似不能使用webpack-dev-server）

开发环境编译
- npm run dev

部署
- npm run prod
- （可能需要修改`webpack.prod.config.js`中的输出目录）

## 代码结构
- public：用于展示、测试用的网站
- src：源代码
    - src/components：各个组件

## 整合
想使用本项目于具体网站时，只需复制`/public/dist`内的文件，并在目标网页中包含`main.js`即可。

## 使用的技术
- Vue：前端框架
- Element Plus：UI组件库
- ECharts：图标库

## TODO
- 开发更多组件
- 实现按需加载、Tree Shaking