对于一个组件库来说，除了”组件“本身以外，另个一个非常重要的东西就是文档展示。本文不是教你开发组件库，而是教你做一款能让组件库开发变得非常丝滑优雅的框架！

一，通过vite 搭建 通过参考官网搭建基础框架：https://vuejs.org/guide/quick-start.html#with-build-tools 项目结构大概如下图： 二，在src

平常只是install别人开源的npm包，是不是自己也想搞一个呀，最起码知道整个流程是什么样的 前端开发中，会经常使用一些工具函数，项目直接来回拷贝，太烦了 鉴于如此，搞一个入门的前端工具函数

今天要给老师们推荐的就是这个 vite 插件便是用来做这件事的，用来将markdown 文件转成 vue 组件的并展示一个漂亮的 demo. 如果默认的预览样式不够漂亮不符合您的使用场景，插件提供了自定义预览组件的功能，你可以通过使用 previewComponent 属性指定…

@vue/babel-plugin-jsx vue3.0 jsx 的 babel编译插件。

做vue开发，基本的操作会了之后是不是特想撸一撸vue的插件，让自己的代码可（骚）复（骚）用（的）。别急，今天和你一起手摸手，哦呸，是手把手，一起撸一管，哦再呸，是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布到github、在…

首先，我们从零开始搭建一个vue项目，以vue-cli3 来搭建。 修改之后，运行项目我们会发现报错了，那是因为目录结构改了，还有就是packges这个文件夹是我们新增的，webpack无法获取编译，我们需要在webpack里加上。 我们会新建一个vue.config.js的配…