针对 ZLMediaKit 开发的 Web 前端框架,减少调试的困难
使用了 Vue3 框架和 Vuetify3 UI 框架
使用搭配 rollup 的 Vite 构建
clone本仓库至ZLMediaKitFrontend,切换目录至当前仓库
$ git clone https://github.com/xubeiyan/ZLMediaKit-Manager --depth=1 ZLMediaKitFrontend
$ cd ZLMediaKitFrontend- 安装所需依赖(这里使用的是
pnpm,其他类似)
pnpm i- 进行打包,会在当前目录生成
dist文件夹
# 生成生产环境的包
$ pnpm run build
# 生成预览
$ pnpm run preview- 复制到 web 目录
- 假设 web 目录为
/opt/zlmk,终端工作目录为当前仓库目录
# 新建目录
$ mkdir /opt/zlmk - 复制
dist到/opt/zlmk
$ cp dist/ /opt/zlmk- 配置Web服务器软件,使其可以访问(本步骤省略)