Vue3 企业级优雅实战 - 组件库框架 - 12 发布开源组件库

前面使用了 11 篇文章分享基于 vue3 、Monorepo 的组件库工程完整四件套（组件库、文档、example、cli）的开发、构建及组件库的发布。本文属于这 11 篇文章的扩展 —— 如何发布到 GitHub 上以及如何快速利用 GitHub 发布组件库文档。这样优雅哥的《组件库框架》系列便形成了一个闭环：从开发，到开源。在开始本文之前，请您先注册 GitHub 账号并登录。

1 提交 GitHub

1.1 创建 Repository

登录 GitHub 后，点击右上角的 “+” – “New repository” 创建一个 Repository，如下图：

进入创建仓库页面后，填写仓库名称（关于仓库名称，优雅哥习惯使用本地的项目名称），点击页面底部的 “Create repository” 按钮：

仓库创建完成后，便进入该仓库的页面，在该页面上已经清楚的写着如何将本地代码提交到 GitHub 仓库中。

1.2 推送代码

在命令中进入项目根目录，依次执行如下命令提交代码到上面创建的 GitHub 仓库中

1. 初始化本地 Git 仓库：

git init

2. 添加要提交到 git 的文件：

git add .

3. 提交代码到本地仓库：

git commit -m 'feat: 初始化组件库工程'

4. 设置主分支：

git branch -M main

5. 添加远程仓库，这行命令可以从上面仓库创建成功后的页面中看到：