zachke

前面讲了很多关于 air-ui 组件的东西，包括多语言，主题定制，构建等等。但是其实一个组件库包含那么多的组件，在开发的时候，难免会遇到很多奇奇怪怪的问题，本节就讲一下在开发这些组件的时候，遇到的一些问题，以及怎么解决。(虽然很大程度上复用了 element-ui 的组件逻辑代…

在 自建vue组件 air-ui (14) -- 打包构建(dev 和 dist) 我们已经知道 air-ui 的 dev 构建 和 dist 构建。 接下来我们讲一下为啥还需要一个 pub 的构建任务，以及这个任务是用来干啥的。 假设我们没有 pub 任务。直接就使用 dis…

UI组件的一个很重要的功能，就是允许可以定制化主题。 而且这也是为啥写组件的时候，要把对应组件的 scss 样式抽出来，不让其打包到 air-ui.common.js 的原因，这个原因就跟语言包为啥也要抽出来，不打包进去的原因。因为这样会增加 air-ui.common.js …

本节主要讲一下 air-ui 的打包。 air-ui 的构建主要分为 3 个环境: 本节主要是讲一下前两种方式， dev 和 dist, 至于最后的 pub 方式,因为遇到的坑比较多，所以会再开一节来讲。 所以本质上 dev 构建根本不需要去调整，直接用默认脚手架带的那种方式就…

通过上节 自建vue组件 air-ui (12) -- 国际化机制 我们已经知道怎么在 air-ui 进行国际化配置了。但是还遗留几个问题没有解决： 这样子就会变成，当打包的时候找到这个 ../lang/zh-CN 这个资源的时候， webpack 不会打包进去，而是换成对应的…

air-ui 组件库的某些组件也会用到一些提示语，除了允许用传参来自定义之外，肯定会有预设值。 比如 air-select 组件的时候，可以允许搜索的， 如果搜索不到，会有一个默认提示： 无匹配数据， 这个就是这个组件的其中一个提示语预设值。而且这个预设值其实是中文。接下来我们…

通过上节 自建vue组件 air-ui (10) -- vuepress 写文档 (进阶版) 其实关于 vuepress 写文档的事情，也基本上能说的也差不多了。本节主要是在这个基础上再进行一下补充，将一些在 air-ui 组件库写文档中遇到的一些奇葩的问题，以及怎么解决的，这…

通过上节 自建vue组件 air-ui (9) -- 用 vuepress 写文档 已经会写 button 标签的文档了。 并且写了 7 个例子用来描述 button 和 button-group 的属性，所以最后的 Button.md 的代码如下: 还是很详细的，具体文档效果…

从前面的章节中，我们知道怎么创建组件，但是我们测试组件属性的时候，都写在 home.vue 中，而且只有 demo，没有配上对应的属性描述。所以接下来我们要做的就是开始为这些已完成的组件来写文档。 我们可以看到 element-ui 的文档还是写的非常好的。 不过他这个文档的项…