![](https://img-blog.csdnimg.cn/206a6ae6b95246c0907aff986b934036.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue3+vite3 组件库开发学习笔记
文章平均质量分 87
通过学习网络教程,整理了使用pnpm+vue3+ts+vite3+vitest搭建组件的全过程
摸鱼老萌新
失业前端一枚
展开
-
vue3组件库项目学习笔记(八):Git 使用总结
目前组件库的开发已经接近尾声,因为这次是使用 git 进行协作的开发模式,在团队协作的时候遇到很多的问题,开发过程中发现小伙伴们对于 git 的使用还不是很熟练,这里就简单总结一下常用的 git 的操作,大致有:- 项目开发如何 fork / pr 的模式进行开发- 怎么样处理冲突- 怎么样忽略文件并且取消追踪关于组件库代码,想要看代码的可以直接前往我的 github:https://github.com/aiai0603/seven-bit-ui原创 2023-02-10 21:40:12 · 721 阅读 · 0 评论 -
vue3组件库项目学习笔记(七):正式开发问题拾遗
目前组件库的开发还在进行中,这里把一些开发过程中遇到的问题和解决方案总结一下,也方便后续开发的同学踩坑了可以马上解决问题,这期的问题主要是:- 多项目开发的配置文件优化和全局导入方法的修改- 怎么样使用 icon 组件- 怎么样使用做组件协作开发个原创 2023-02-04 10:10:56 · 746 阅读 · 0 评论 -
vue3组件库项目学习笔记(六):发布组件文档
现在我们已经拥有了一个可以发布的组件库,也可以进行良好的协作和维护,但是我们想要我们的用户能够清楚的了解每个组件的使用方式,我们需要一个文档网站,类似于 element-plus 这样的官网。原创 2023-01-21 15:06:27 · 948 阅读 · 0 评论 -
vue3组件库项目学习笔记(五):配置编码规范
添加一些更新添加我们的脚本运行,如果没有报错说明你的配置成功了,在配置成功之后,我们只需要在 husky 的配置中将我们的检查命令换成一条统一的 lint:staged 命令就可以了。的生命周期,我们可以在这个过程中做一些事情,然后我们就可以让用户提交的时候检测一次上面的文件命名是否有问题,如果有就阻止用户提交代码,除此之外我们也就可以对代码进行校验了,上面的。代码质量其实更多的是语法方面的校验,如果想要我们的风格实现统一,比如,一行多少字,要不要分号,要不要双引号等等这些关于代码风格的统一需要用到。原创 2023-01-20 21:06:27 · 1657 阅读 · 0 评论 -
vue3组件库项目学习笔记(四):发布你的组件
在完成我们的组件之后,我们肯定希望可以将它发布到 npm 等地,这样任何人都可以使用它了,这里我们使用gulp这个工具来自动化打包和发布我们的组件库。原创 2023-01-18 22:08:01 · 1063 阅读 · 0 评论 -
vue3组件库项目学习笔记(三):测试你的组件
在完成一个组件之后,我们可以看到,想要测试你的组件,需要将他引入你的项目中,然后将你的组件的内容一项一项进行测试,在属性和内容多了以后,这样做是十分没用效率的,所以我们可以选用 vite 环境自带的 vitest 进行自动化测试。原创 2023-01-17 21:41:11 · 936 阅读 · 0 评论 -
vue3组件库项目学习笔记(二):开发一个组件
在搭建了基础架构之后,我们就需要编写一个完整的组件,它应该包括数据接口,样式,组件的 vue 文件等等内容。原创 2023-01-17 17:22:17 · 697 阅读 · 0 评论 -
vue3组件库项目学习笔记(一):基础搭建
写了如何使用pnpm+vue3+vite3进行组件库开发的架构搭建原创 2023-01-14 21:39:23 · 696 阅读 · 0 评论