safeu-frontend

SafeU 前端仓库

Framework

本项目使用 Vue 前端框架，使用 yarn 作为依赖管理工具。

Dependencies we used

详细的依赖版本号可见 package.json 文件

• plupload 文件上传组件
• ant-design-vue 大部分组件使用该组件库
• vue-router 路由管理
• VueQriously 二维码生成
• FontAwesome 图标库
• vue-clipboard2 自动复制

Install & Run

For development

yarn install
yarn run serve

For production

通过 vue.config.js 配置 dev & prod 不同环境的代码

yarn run build
serve -s dist

这里我使用了 Vue CLI 官方文档中提到的部署方式: serve

npm install -g serve
# -s 参数的意思是将其架设在 Single-Page Application 模式下
# 这个模式会处理即将提到的路由问题
serve -s dist

Deployment

Docker

该项目提供了 docker.sh 脚本来进行容器部署的全生命周期管理，包装了如 build, run, stop rm, logs 命令。

$ ./docker.sh help

 Build, up, down, check logs for SafeU front-end development docker container.

 Usage:
  ./docker.sh [COMMAND]
  ./docker.sh -h|--help

 Commands:
   build      Build SafeU front-end container image.
   help       Show this help message.
   logs       View output from front-end container.
   rm         Remove SafeU front-end container.
   run        Run SafeU front-end container.
   stop       Stop SafeU front-end container.

使用时请进入 scripts/ 目录！

Events 数据埋点

READ MORE