程序员优雅哥

前面使用了 11 篇文章分享基于 vue3 、Monorepo 的组件库工程完整四件套（组件库、文档、example、cli）的开发、构建及组件库的发布。本文属于这 11 ...

回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建 组件库的入口是 packages/yyg-dem...

Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下 上文创建了一堆 utils、component-info，并实现了新组件模块相关目录和文件的...

上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNew...

前面的文章分享了组件库的开发、example、组件库文档，本文分享组件库 cli 开发。 1 为什么要开发组件库 cli 回顾一个新组件的完整开发步骤： 1 在 packa...

该系列已更新文章： 分享一个实用的 vite + vue3 组件库脚手架工具，提升开发效率 开箱即用 yyg-cli 脚手架：快速创建 vue3 组件库和vue3 全家桶项...

该系列已更新文章： 分享一个实用的 vite + vue3 组件库脚手架工具，提升开发效率 开箱即用 yyg-cli 脚手架：快速创建 vue3 组件库和vue3 全家桶项...

该系列已更新文章： 分享一个实用的 vite + vue3 组件库脚手架工具，提升开发效率 开箱即用 yyg-cli 脚手架：快速创建 vue3 组件库和vue3 全家桶项...

在前一篇文章中分享了搭建组件库的基本开发环境、创建了 foo 组件模块和组件库入口模块，本文分享组件库的样式架构设计。 1 常见的 CSS 架构模式 常见的 CSS 架构模...

前文已经初始化了 workspace-root，从本文开始就需要依次搭建组件库、example、文档、cli。本文内容是搭建 组件库的开发环境。 1 packages 目录...

上文已经搭建了 pnpm + monorepo 的基础环境，本文对 workspace-root 进行初始化配置，包括：通用配置文件、公共依赖、ESLint。 1 通用配置...

前两篇文章分享了基于 vite3 vue3 的组件库基础工程 vue3-component-library-archetype 和用于快速创建该工程的工具 yyg-cli，...

1 yyg-cli 是什么 yyg-cli 是优雅哥开发的快速创建 vue3 项目的脚手架。在 npm 上发布了两个月，11月1日进行了大升级，发布 1.1.0 版本：支持...

无论是 vue2 全家桶还是 vue3 + vite + TypeScript，组件库的使用几乎大家都会，但自己开发一个独立组件库就不是每个人都掌握的，因为搭建组件库的基础...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第9天，点击查看活动详情 上文 《Vitepress搭建组件库文档（上）—— 基本配置》已经讨论了 v...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第8天，点击查看活动详情 在 vite 出现以前，vuepress 是搭建组件库文档不错的工具，支持以...

1 v-model 1.1 理解 v-model v-model 是 vue3 中的一个内置指令，很多表单元素都可以使用这个属性，如 input、checkbox 等，咱可...

在开发中会遇到这样的需求：获取子组件的引用，并调用子组件中定义的方法。如封装了一个表单组件，在父组件中需要调用这个表单组件的引用，并调用这个表单组件的校验表单函数或重置表单...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第6天，点击查看活动详情 在开发中会遇到如下需求： 本文提供解决上述问题的思路。 1 JS 使用 SC...