@vcake/vue-hooks

composition-api hooks

Usage no npm install needed!

<script type="module">
  import vcakeVueHooks from 'https://cdn.skypack.dev/@vcake/vue-hooks';
</script>

README

vue-hooks

基于 composition-api 的 hooks 函数库

Lint Test Build Deploy Docs license scan codecov

特性

  • 采用typescript实现,提供良好的类型提示
  • 从基础逻辑到业务逻辑,提供多种组合函数(WIP)

参与开发

  • 运行 yarn 安装依赖
  • 运行 yarn lint 校验代码风格
  • 运行 yarn format 格式化所有 ts 代码
  • 运行 yarn cm 执行交互式 commit-msg 生成
  • 运行 yarn test 执行单元测试,可支持 jest 相关参数
  • 运行 yarn docs:dev 启动开发环境下文档系统

目录结构

当前项目采用独立 npm 包的形式来管理,基于 ts 开发;

  1. docs 中使用的是 vuepress 来构建文档项目,每个不同文件夹放置不同分类中的 vue-hooks 文档, 可参照现有案例编写。

  2. __test__ 中存放相应 hooks 的测试用例,如果遇到复杂 hooks 请在 __test__ 下建立相应的文件夹。

  3. scripts 中存放 发布、打包两个脚本

  4. src 下存放 hooks 实现逻辑

  5. src/shared 下存放共用逻辑和类型文件

提交规范

提交信息请严格遵循 angular 团队风格,通过交互式的方式来创建(会在 git-hooks 中进行校验拦截)

gitflows规范

API规范

开发指南