npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@code-apron/vue-next

v1.1.0

Published

> Apron Design (Vue3) 的一个分支组件,用于在页面上生产各种码。 > > (原始命名为 @qr-apron,但后续将会继续开发各种其他类型的条形码、二维码,因此更名为 @code-apron)

Downloads

30

Readme

@code-apron/vue-next

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

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

使用

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

目前已开放二维码(链接为文档):

以下是一个简单的 demo:

<script setup>
import CodeApron from '@code-apron/vue-next'
Vue.use(CodeApron)
</script>

<template>
  <ap-qrcode text="this is a qrcode"></ap-qrcode>
</template>

开发者

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

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

新功能开发:

步骤

  1. 前往 Github 项目主页 克隆代码。
  2. 路由进 CodeApron/vue-next 安装依赖
    git clone [email protected]:offontime/CodeApron.git
    cd CodeApron/vue-next
    yarn
  3. 启动项目

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

    git checkout -b feature-xxx
    yarn dev

指南

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