如何使用自己的UI创建生活方式指南



我已经使用angular2创建了一个网站/应用程序。基础架构都是设置的,我已经完成了路由,正在处理SASS等。

i在此网站上有部分(组件),该部分将显示我们的设计(按钮,表单,复制)的当前Web标准。本网站的目的是为我们的开发人员提供标记和SASS的副本/粘贴解决方案。

我们很可能会创建我们自己的CSS库,但它们仍然需要良好的视觉参考,以了解每个类的工作和复制/粘贴解决方案。

我知道如何制定所有标准,我不知道该怎么做是具有DOM显示选项,供用户复制/粘贴代码。我可以手动输入代码或标签,但这很难维护,而不是非常干净的方法。我想找到一些可以利用我的代码并在运行时创建这些标签的解决方案。

谷歌搜索这个问题导致使用生活方式指南生成器的道路,我不想使用它……为什么?我喜欢控制自己的布局和扩展标准的功能,因为我认为与自己的技术合适。

有什么想法?

在进行进一步的探索之后,我再次在文档工具(KSS)上再次结束,我需要使用Markdown和jdocs重建整个样式指南。

解决方案!

使用Codepen,可以免费注册,但是有一些每月费用的功能。我使用SASS,HTML和CSS库轻松地在此处创建代码。Codepen具有出色的嵌入功能,而我可以将/粘贴HTML复制或iFrame正确地转换为我的styleguide。

问题现在已经解决,我们有一个动态的网络&ui styleguide。

希望这种方法对我的情况有所帮助。

最新更新