搭建一个跨框架的 2.5D 组件库:0. 开篇

397 阅读1分钟

互相学习,共同进步,才是王道

加好友回复 组件库 进群, 互相学习,共同进步

image.png

关联文章

搭建一个跨框架的 2.5D 组件库:0. 开篇

z-ui 跨框架 2.5D 组件库 - 1. 项目初始化

z-ui 跨框架 2.5D 组件库 - 2. css 篇

愿景

  • 从 0 到 1,搭建完整链路的组件库
  • 跨框架兼容 Vue, React, Angular
  • 区别于现有组件库的 2.5D 组件库

大纲

  • 项目初始化
    • Svelte, TypeScript,pnpm, Vite, changeset, release-it 组件开发、构建和发布
    • eslint, stylelint, commitlint, lslint 管理代码、样式、提交、文件命名规范
    • fnm, corepack 管理 node、pnpm 版本
  • CSS 规则
    • 基于 BEM 规范的 css 样式开发
  • 组件初始化
    • 组件初始代码
  • 打包组件
    • Vite 构建组件库
  • 打包样式
    • gulp 构建 css 样式和 theme
  • 组件文档
    • VitePress 搭建组件文档
  • 组件支持动态加载
    • 各组件分别构建,组件样式单独构建
  • 组件初始化模板
    • cli 工具,快速初始化组件模板
  • 组件发布
    • 初始话 changeset, release-it 发布组件
    • ci 发布组件
  • 开发基础组件
    • 开发基础组件 button, icon, table, tree 等基础组件
  • 组件单元测试
    • Vitest 测试组件
  • vscode 插件助力组件使用
    • 插件提供强大的智能提示功能,包括属性,事件,插槽以及对应的注解和类型,实例上的方法等,让开发效率更上一层楼。

共建

欢迎大家贡献代码 z-ui Github