![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
组件库
文章平均质量分 86
volit_
这个作者很懒,什么都没留下…
展开
-
从零搭建一个组件库(二)创建代码规范
上节我们搭建了组件库的基本环境架构,这节我们来对项目的代码规范和git提交规范进行配置。BEM分别指的是Block、Element和Modifier。其中,Block描述的是一个元素本身,比如table、button;Element指的是元素的一部分,比如table__item、button__inner;Modifier则是描述了元素的外观、状态和行为,比如button–success、input–disabled。通过对代码规范的配置,极大地提升了我们开发的效率和体验。正所谓,工欲善其事必先利其器。原创 2023-01-24 17:09:55 · 996 阅读 · 2 评论 -
从零搭建一个组件库(一)项目环境搭建
组队大项目选择了组件库开发,一开始决定选题时候,大家都觉得这个题目会很难写,等到实际上手开发的时候,才发现这个项目确实没那么好写。开发组件库的第一步就是要确定组件库的整体架构和技术选型,这方面我主要参考了Element-plus。架构方面使用基于pnpm实现的monorepo架构,对项目的代码进行组织和管理;css预处理器选择了Sass,定义了classname的BEM规范、cssvar变量的一系列utils和一些其他的样式处理工具;测试工具采用vitest;组件库文档采用vitepress。原创 2023-01-23 00:58:41 · 2119 阅读 · 2 评论