@code-apron/vue-next

Apron Design (Vue3) 的一个分支组件，用于在页面上生产各种码。

（原始命名为 @qr-apron，但后续将会继续开发各种其他类型的条形码、二维码，因此更名为 @code-apron）

使用

可前往 二维码 Qrcode - 组件 | Apron Design for Vue3 查看。

目前已开放二维码（链接为文档）：

• 二维码 QRcode - 组件 | Apron Design for Vue3
• 二维码 Pdf417 - 组件 | Apron Design for Vue3

以下是一个简单的 demo：

1<script setup>
2import CodeApron from '@code-apron/vue-next'
3Vue.use(CodeApron)
4</script>
5
6<template>
7  <ap-qrcode text="this is a qrcode"></ap-qrcode>
8</template>

开发者

主程：田昊天：一个说不清是前端还是全栈的“研发人员”。

同时，我们也希望开发者们可以加入进来。

新功能开发：

步骤

1. 前往 Github 项目主页 克隆代码。
2. 路由进 CodeApron/vue-next 安装依赖

   1git clone git@github.com:offontime/CodeApron.git
   2cd CodeApron/vue-next
   3yarn

3. 启动项目

   我们会要求您拉一个自己的开发分支，例如：feature-xxx，开发并调试完成新功能后向我们提交 PR

   1git checkout -b feature-xxx
   2yarn dev

指南

1. 本项目 QRcode 使用基础包 qrcode 版本 ^1.5.3 作为渲染工具。在后续开发中如果有实际需求，则会根据情况升级此包。
2. 本项目 pdf417 使用 tcpdf library，GitHub：https://github.com/bkuzmic/pdf417-js
3. 脚手架使用 vite 搭建，vue3-ts 编写。
4. 参与贡献请先阅读：参与开发 和 如何优雅地在 Github 上贡献代码