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

cus-design-ui

v1.0.0

Published

<div align="center"> <img src="./logo.jpg" width="150"> <h1>c-design</h1> <p>基于 Vue2 的 ant design 风格的业务组件库</p> </div>

Downloads

6

Readme


简介

组件封装,全面拥抱 Vue2 生态,正在持续完善中...

主要用到的一些技术栈

  • ui 库:ant-design-vue.
  • 提交规范:git cz commitizen
  • 版本更改历史:changelog

安装使用,打包部署,提交代码

  • Installation dependencies
yarn install
  • run
yarn serve
  • build
yarn build
  • commit
# git add
git add .

# yarn
yarn commit

代码基础架构说明

|-- 根目录
  |-- docs 文档生成的根目录位置
  |-- examples 本地调试
  |-- lib 打包发布的资源
  |-- packages 主要的组件目录
    |-- business 业务组件
    |-- layout 布局组件
    |-- page 页面组件
    |-- tools 小的工具组件
    |-- index.js 入口文件
  |-- public 项目静态资源
  |-- src 项目的一些开发目录
  |-- README.md 项目说明
  |-- vue.config.js 脚手架配置文件

Git 提交规范

  • 参考 vue

  • feat 增加新功能

  • fix 修复问题/BUG

  • docs 文档/注释

  • style 代码风格相关无影响运行结果的

  • perf 优化/性能提升

  • refactor 代码重构(不包括 bug 修复、功能新增)

  • revert 撤销修改

  • test 测试相关

  • build 构建流程、外部依赖变更(如升级 npm 包、修改 webpack 配置等)

  • ci 修改 CI 配置、脚本

  • chore 对构建过程或辅助工具和库的更改(不影响源文件、测试用例)

  • revert 回滚 commit

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE

License

MIT © cec-2022

patch-package 给 npm 依赖打补丁

这里注意注意!!!

大家可以看到我弄了一个 patch-package

下载来后,在命令行执行一下 npm run patch

同时,别用 cnpm !!! 为了兼容 IE11,我们组件库使用的三方插件没兼容,做了配置,cnpm 做不到编译兼容!!!

注意

  1. 每一个组件应该取名 class 要具有唯一性,因为我们打包后会脚本处理合并成一个 less 文件,重名影响也不好
  2. npm install 后 一定要 npm run patch 下,这个是修改了 node_modules 中的代码,进行覆盖处理
  3. 一定记得别用cnpm,兼容处理三方插件的话,不会被编译