artsmp

前提基础：vite + pnpm(workspace) + vue3 + ts + scss + element-plus 组件库整体设计分为三块： svg 图标库 vue...

交付一个 vue 组件不仅需要解析 DSL，还要处理 JS/TS，样式，类型声明等内容。我们先研究一下将 .vue 转换成 .js 的问题，这个是关键。...

之前有看到有大佬用类型运算实现了中国象棋程序 和 Lisp 解释器 甚是震惊，之前不太会看不懂。 最近也学了点类型体操的内容想着自己也玩一下。选择五子棋的原因是相对来说规则...

基于vitepress拓展markdown-plugin使vue3项目文档支持类似element-plus那样可以查看源码和例子，注意文档写法和element-plus是有...

接下来看如何发布组件库和管理更新日志；根据官网的介绍 changesets 是用于管理版本及变更日志的工具，专注多包管理。...

前言 这是一篇属于面向前端的关于CICD和Github Action的入门文章，其旨在： 入门掌握Github Action的用法 学习CI和CD的含义及其实现细节 基于G...

前前言 随着前端的内卷，人均写组件库，但在笔者认为大部分组件库都是在相互学习借鉴，并无太多创新的地方，重复轮子意义并不大，笔者将从另一个视角来为组件库开发贡献一份力...

在我们使用开源组件库的时候，比如 Element Plus 在 VSCode 或 WebStorm 中输入 <el- 的时候会提示全部的组件，当在组件上输入 : 的时候会提...

在上篇中完成了多种模块标准的产物和组件声明文件并对模块做了测试。在我们列举的产物列表中还剩下样式相关的任务未处理，这篇我们来打包样式代码并实现样式的按需引入。...

打包复杂吗? 说也简单如果使用 vite 只需指定 lib 即可完成，说也麻烦一个开源的组件库需要处理诸多细节：多种格式、按需加载、开发体验等等。接下来我们就来看看打包一个...

现在我们已经完整的开发一个组件了，如果我们再开发一个组件还要从头一个个的创建文件，那么有没有简便的方案呢？当然有我们开发一个生成脚本，一行命令创建一个组件。...

简单解释一下单元测试：就是对函数的输入输出进行测试，判断我们输入的用例的结果和我们实际输入的结果是否相同。平常工作中就会写一些测试可能不是系统性的，比如测试一个函数的返回值...

在开发之前明确我们的开发组件的定位是什么？为了满足什么场景？从零开发所有的组件？基于某一个组件库的扩展和补充？从零开发所有的组件基本上很少。...

所谓可共享就是把我们常用的配置提取成一个单独的包利用配置继承的特性可以在不同的项目中使用。就算我们不单独发布包也可以拆分出来，便于管理结构和依赖。...

前言 一开始我们项目中的通用组件是放在项目中的，基于开源组件库的扩展，补充些组件和功能。但随着项目的拆分组件也需要公用，就把组件提取成了一个 GIT 子模块来达到通用。也随...

笔者分享了自己在函数库研发流程方面的实战经验和改进思路，循序渐进，希望与读者们一同探索更好的前端研发流程。...

这是从0搭建Vue3组件库系列文章第一篇文章,这个系列我曾经写过多篇文章,但是写完之后回过头来再看里面有很多遗漏以及不足之处,所以决定重新梳理这个系列,并从头开始搭建一个完...