部署项目并且发布源代码至 npm [toc] 部署官网到 GitHub 需要大致完成两件事 部署官网 让官网上线，有文档层能直观地被看到，才会有人去使用 发布 Vueel UI 让其他开发者可以

官网装修 - 文档页 [toc] 创建更多路由 分别创建介绍、安装和开始使用导航对应的组件 router.ts 路由路径一般小写，横杠链接 组件一般大写 1 2 3 4 5 6 7 8 9 10 11 12 13 14

官网装修 - 首页 [toc] 寻找有些的设计 Dribbble.com 上搜 website 无原稿 ThemeForeset.net 付费原稿 注意 简洁即可，不用高清大图 一定不要自己设计 一些辅助工具 从图片中取色 使用 snippest

制作 组件 [toc] Dialog需求分析与API设计 借鉴 AntD/ Bulma/Eleme/iView/Vuetify 等 需求 点击后弹出 有遮罩层 有close按钮x 有标题 有内容 有 OK/Cancel 按钮 API 1 2 3 4 5 <Dialog :visible="true" title=

前后端接口约定 在线接口文档 大纲链接§ [toc] 后端接口规范 ⇧ 约定接口一般包括以下数据 0.后端接口线上地址根路径： https://blog-server.hunger-valley.com 1.功能简介 2.当前接口的路径： 如

制作 Button 组件 [toc] 需求分析 借鉴 AntD/ Bulma/Eleme/iView/Vuetify 等 需求 可以有不同的等级 可以是链接，可以是文字 可以 click/focus/鼠标悬浮 可以设置size 可以设置状态为禁

制作 Tabs 组件 [toc] 需求分析 点击 Tab标签页 切换内容 有一条横线跟随在动 API 设计 使用Tabs组件 标签式 1 2 3 4 5 <Tabs> <TabItem title="导航1"

1.1 模仿Vue官网首页 创建首页和文档页 [toc] 创建首页和文档页 Vue官网首页 创建src/view目录以及文件Docs.vue Home.vue 开始创建官网 Home.vue TopNav: 左边是