[置顶] Vue3 企业级优雅实战 - 组件库框架 - 12 发布开源组件库
摘要： Vue3 企业级优雅实战 - 组件库框架 - 12 发布开源组件库 前面使用了 11 篇文章分享基于 vue3 、Monorepo 的组件库工程完整四件套（组件库、文档、example、cli）的开发、构建及组件库的发布。本文属于这 11 篇文章的扩展 —— 如何发布到 GitHub 上以及如何快速利用 GitHub 发布组件库文档。这样优雅哥的《组件库框架》系列便 阅读全文
posted @ 2023-02-21 16:21 程序员优雅哥（公\/同） 阅读(776) 评论(0) 推荐(1)
[置顶] Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布
摘要： Vue3 企业级优雅实战 - 组件库框架 - 11 组件库的打包构建和发布 回顾第一篇文章中谈到的组件库的几个方面，只剩下最后的、也是最重要的组件库的打包构建、本地发布、远程发布了。 1 组件库构建 组件库的入口是 packages/yyg-demo-ui，构建组件库有两个步骤： 添加 TypeScript 的配置文件： tsconfig.json 添加 vite.conf 阅读全文
posted @ 2023-02-10 14:15 程序员优雅哥（公\/同） 阅读(972) 评论(0) 推荐(2)
2023年2月9日
Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下
摘要： Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下 上文创建了一堆 utils、component-info，并实现了新组件模块相关目录和文件的创建。本文继续实现后面的内容。 1 组件样式文件并导入 在 src/service 目录中创建 init-scss.ts 文件，该文件导出 initScss 函数。 由于 .vue 类型的组件的样式就直接写在 阅读全文
posted @ 2023-02-09 16:22 程序员优雅哥（公\/同） 阅读(642) 评论(0) 推荐(2)
2023年2月8日
Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上
摘要： Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上 上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情 阅读全文
posted @ 2023-02-08 16:00 程序员优雅哥（公\/同） 阅读(700) 评论(0) 推荐(1)
2022年12月27日
Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上
摘要： Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上 上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情 阅读全文
posted @ 2022-12-27 16:35 程序员优雅哥（公\/同） 阅读(1065) 评论(0) 推荐(2)
2022年12月6日
Vue3 企业级优雅实战 - 组件库框架 - 8 搭建组件库 cli
摘要： Vue3 企业级优雅实战 - 组件库框架 - 8 搭建组件库 cli 前面的文章分享了组件库的开发、example、组件库文档，本文分享组件库 cli 开发。 1 为什么要开发组件库 cli 回顾一个新组件的完整开发步骤： 1 在 packages 目录下创建组件目录 xxx： 1.1 使用 pnpm 初始化 package.json，修改 name 属性； 1.2 阅读全文
posted @ 2022-12-06 17:53 程序员优雅哥（公\/同） 阅读(1084) 评论(1) 推荐(2)
2022年11月18日
Vue3 企业级优雅实战 - 组件库框架 - 7 组件库文档的开发和构建
摘要： Vue3 企业级优雅实战 - 组件库框架 - 7 组件库文档的开发和构建 该系列已更新文章： 分享一个实用的 vite + vue3 组件库脚手架工具，提升开发效率 开箱即用 yyg-cli 脚手架：快速创建 vue3 组件库和vue3 全家桶项目 Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo Vue3 企业级优雅实战 - 组件库框架 阅读全文
posted @ 2022-11-18 15:45 程序员优雅哥（公\/同） 阅读(1498) 评论(1) 推荐(1)
2022年11月16日
Vue3 企业级优雅实战 - 组件库框架 - 6 搭建example环境
摘要： Vue3 企业级优雅实战 - 组件库框架 - 6 搭建example环境 该系列已更新文章： 分享一个实用的 vite + vue3 组件库脚手架工具，提升开发效率 开箱即用 yyg-cli 脚手架：快速创建 vue3 组件库和vue3 全家桶项目 Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo Vue3 企业级优雅实战 - 组件库框架 阅读全文
posted @ 2022-11-16 15:32 程序员优雅哥（公\/同） 阅读(1530) 评论(0) 推荐(1)
2022年11月15日
Vue3 企业级优雅实战 - 组件库框架 - 5 组件库通用工具包
摘要： Vue3 企业级优雅实战 - 组件库框架 - 5 组件库通用工具包 本文继续组件库开发环境的搭建，前面两篇分别介绍了组件库中组件项目的初始化、组件库 CSS 架构，本文介绍通用工具库的搭建。在组件开发过程中，可能会调用一些通用的工具函数，这些工具函数便可以提取到一个独立的 npm 包中。 阅读全文
posted @ 2022-11-15 14:25 程序员优雅哥（公\/同） 阅读(1505) 评论(1) 推荐(1)
2022年11月14日
Vue3 企业级优雅实战 - 组件库框架 - 4 组件库的 CSS 架构
摘要： Vue3 企业级优雅实战 - 组件库框架 - 4 组件库的 CSS 架构 该系列已更新文章： 分享一个实用的 vite + vue3 组件库脚手架工具，提升开发效率 开箱即用 yyg-cli 脚手架：快速创建 vue3 组件库和vue3 全家桶项目 Vue3 企业级优雅实战 - 组件库框架 - 1 搭建 pnpm monorepo Vue3 企业级优雅实战 - 组件库框架 阅读全文
posted @ 2022-11-14 14:44 程序员优雅哥（公\/同） 阅读(1674) 评论(2) 推荐(1)
下一页