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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@vhall/fe-bu-components

v2.0.22

Published

A Vue.js project

Downloads

1

Readme

项目目录结构

├─tutorials       // 组件文档
├─src
|  ├─index.js     // build入口文件
|  ├─utils        // 工具函数文件
|  ├─mixins       // 组件依赖的公共mixin
|  |   └locale.js
|  ├─libs         // 组件库文件
|  ├─language     // 多语言包
|  ├─http
|  |  ├─config.js // 接口配置文件
|  |  ├─http.js   // 封装fetch
|  ├─components   // 组件依赖的基础组件
├─dist            // build生成文件
├─config          // build 环境配置
├─build           // build webpack配置

项目开发方式

发布预发布版本

  • 只有 libs 会有 dev 分支,libs 之外的文件改动需要在测试通过后再推到 master

  • 示例:下个计划版本为 1.1.1,dev 开发完成后,使用 prepatch 发布预发布版本,使用 prerelease 升级预发布版本

  • 版本发布参考:https://www.jianshu.com/p/5565536a1f82

发布正式版本

测试通过后,子组件通过 merge request 合并 master,在几个小的 merge 或者一个较大的 merge 之后打 tag.

项目反馈

需要在禅道应用项目反馈建立组件任务,并以子任务的方式维护

自驱需求

需要在禅道组件基础构建 2.0 建立组件任务,并以子任务的方式维护

开发规范

组件规则

  • CSS 命名使用 BEM
  • Vue 开发风格 建议使用 Vue 风格指南中的规范

    https://cn.vuejs.org/v2/style-guide/

  • 接口返回的 res 需要在每个接口自己判断是否 200
  • 当前组件使用到的图片等资源在当前组件文件夹内维护。

eslint 规范

NPM 版本规范

版本格式:主版本号.次版本号.修订号,版本号递增规则如下:

  1. 主版本号:当你做了不兼容的 API 修改,
  2. 次版本号:当你做了向下兼容的功能性新增,
  3. 修订号:当你做了向下兼容的问题修正。

先行版本号及版本编译元数据可以加到“主版本号.次版本号.修订号”的后面,作为延伸。

计划中 commit 规范