文档章节

vue组件库轮子, markdown文档在线运行示例

v-hsian
 v-hsian
发布于 2018/07/09 15:35
字数 349
阅读 422
收藏 0

码云地址

github地址

关于通用组件库

组件开发准备工作

  • 组件库的目的(参考element ui)
  • 组件库的的UI主题
  • 如何编写直观的文档

组件库的目的

组件项目通常源于业务方的需求,大部分项目比如商城网站,后台管理系统,各类型站点都会有很多复用的地方,复用的地方抽离出来封装为一个组件,在需要的地方调用。

  • 统一视觉样式和产品体验,
  • 方便维护和扩展

组件库的的UI主题

使用bootstrap

https://v4.bootcss.com/

如何编写直观的文档

文档是团队在组件维护和使用中非常重要的一部分

目前技术人员常用的方式是采用markdown来编写文档,这里需要考虑几个问题:

  • 文档站点脚手架(vue-cli)
  • markdown中代码高亮 (highlight.js)
  • webpack如何编译markdown文件生成文档示(vue-md-loader/vue-markdown-loader)

© 著作权归作者所有

v-hsian
粉丝 0
博文 1
码字总数 349
作品 0
广州
私信 提问
加载中

评论(4)

v-hsian
v-hsian 博主

引用来自“红薯”的评论

嗨,代码放码云上,我们推荐一下吧:)

引用来自“v-hsian”的评论

码云地址已加粗: https://gitee.com/vhsian/vue-component

引用来自“红薯”的评论

已在码云推荐 :)
^_^ thx红薯大佬
红薯
红薯

引用来自“红薯”的评论

嗨,代码放码云上,我们推荐一下吧:)

引用来自“v-hsian”的评论

码云地址已加粗: https://gitee.com/vhsian/vue-component
已在码云推荐 :)
v-hsian
v-hsian 博主

引用来自“红薯”的评论

嗨,代码放码云上,我们推荐一下吧:)
码云地址已加粗: https://gitee.com/vhsian/vue-component
红薯
红薯
嗨,代码放码云上,我们推荐一下吧:)
用vue-cli3从0打造一个完整的UI库

前言 本文旨在给大家提供一种构建一个完整UI库脚手架的思路:包括如何快速并优雅地构建UI库的主页、如何托管主页、如何编写脚本提升自己的开发效率、如何生成CHANGELOG等等,这里提供了一个D...

ShuaiKangZhang
03/21
0
0
V.HSIAN/vue-component

vue component 在线文档 https://hsian.github.io/vc-dist/index.html#/component/button Install # 克隆仓库git clone https://github.com/hsian/vue-component.git cd vue-component and n......

V.HSIAN
2018/07/09
0
0
基于Vue2.0的UI框架整理

1.Cube UI star 3k 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库 github地址 中文文档 2.Muse-ui 基于 Vue 2.0 和 Material Design 的 UI 组件库 star 4.9k 中文文档 github...

tianma3798
04/08
105
0
合格前端系列第十弹-揭秘组件库一二事

一、写在前面 1、灵感来源 我平常比较喜欢对一些东西做一些记录和总结,其中包括一些组件,积累的量比较多的时候,发现零散的堆积已经不太适合进行管理了。 于是我开始思考,有什么好的办法可...

qiangdada
2018/03/17
3.1K
4
基于 Vue 2 的 UI 组件 - XMUI

XMUI 基于vue 2+ ,为公司产品打(zao)造(lun)的(zi)可复用UI组件,适用于 移动 和 部分PC 端,其中包括 基础组件 和 应用组件,目前 组件 和 文档 在不断完善中。 特性 基于 Vue 开发的可复用...

吖面
2018/08/09
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

mac下redis安装、设置、启动停止

常用命令说明 redis服务器:redis-server redis客户端:redis-cli redis性能测试工具:redis-benchmark AOF文件修复工具:redis-check-aof RDB文件修复工具:redis-check-rd redis设置临时密...

botkenni
15分钟前
3
0
好程序员web前端分享HTML5常见面试题集锦四

好程序员web前端分享HTML5常见面试题集锦四 1、为什么要初始化CSS样式? 答案:因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面...

好程序员官方
16分钟前
2
0
CDN的网络架构是什么?

CDN网络架构主要由两大部分,分为中心和边缘两部分,中心指CDN网管中心和DNS重定向解析中心,负责全局负载均衡,设备系统安装在管理中心机房,边缘主要指异地节点,CDN分发的载体,主要由Cac...

云漫网络Ruan
16分钟前
2
0
pandas入门07---可视化

01 入门 制作提供信息的可视化是数据分析的重要任务之一。首先介绍一下matplotlib库。 import matplotlib.pyplot as pltimport numpy as npdata = np.arange(10)print(data)plt.plot(da...

筠初
17分钟前
2
0
201_PyTorch中文教程:Torch与Numpy互操作

201_PyTorch中文教程:Torch与Numpy互操作 Numpy是经典的数学计算库,Torch中的Tensor可以与之互相转换,从而可以充分利用二者的计算函数和模型,以及使用其它支持Numpy的软件库和工具。但需...

openthings
18分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部