标签: patternlab.io

我将用这两个框架(我喜欢)启动一个新项目:

• Laravel 5
• Vue.js

前端开发人员使用patternlab.io生成原子设计中的HTML.

现在我正在寻找如何集成我没有重写刀片模板中所有元素的patternlab.io项目.

我发现一些实现合并Patternlab&Laravel使用TwigBridge,LaratashLaravel扩展.

但我有一些想法:

• 在刀片模板中有:逻辑,条件,循环......如果我合并patternlab,laravel那么我需要将所有这些放在patternlab项目中.
• 由于使用vue.js我需要将这些标签添加到patternlab模板中

所以我认为在laravel项目中集成patternlab.io模板不是最好的选择.

我的想法是:

• 前端DEV使用patternlab来创建模板
• Laravel自动生成并导入在patternlab中生成的CSS样式表
• 后端开发人员patternlab - molecules在刀片模板中手动复制并添加自己的逻辑
• 如果前端DEV对CSS进行了更改,那很好 - 我们将毫无问题地运行; 在重新运行laravel gulp进程以更新css文件后,我们有了新的更新.
• 如果前端DEV对html结构进行了一些更改,我们需要手动调整它们.

是否有更好的解决方案结合Atomic Design,Vuejs和Laravel？如何在CMS中部署原子设计？

作为寻求更好的方式与开发人员协作的交互设计师,我尝试将Pattern Lab引入我当前的客户端.然而,前端框架的首席开发人员推迟了.他的论点的主要依据是:

我们的工具包具有复杂的组件,除了HTML/CSS之外还需要JavaScript或JS库.这与模板实验室中模板化的Mustache或Handlebars不能很好地融合.因此,我们使用Angular JS,它是我们的组件编写的框架.

我试图寻找讨论这个主题的文章.有没有在这里SO据我可以告诉.在SO之外我发现了一些帖子(例子),但是除了两年前解决的解析问题之外,没有什么专门针对Pattern Lab(缺乏)与Angular兼容的主题.

作为一名非程序员,我没有必要的影响力来影响我的开发者同行.如果有经验丰富的人可以详细说明,那就太棒了.

我试图在新升级后生成Pattern Lab网站，但是，在下载所有依赖项之后，它一直抱怨我的样式指南无法呈现，因为无法在patternlab-php-master \ vendor /中找到样式指南文件。 pattern-lab / styleguidekit-mustache-default，它建议我通过编辑styleguideKitPath在./config/config.yml中修复此问题...我检查了./config/config.yml文件，并且路径似乎与该文件夹匹配样式指南文件的存储位置。我不知道出了什么问题，还有什么样式文件？因为当我查看styleguidekit-mustache-default时，具有下图所示的内容，但是我不知道它们是否全部有用。如果有人对新版的Pattern Labs有经验或知道如何解决此问题，请告诉我。谢谢！ styleguidekit-胡子-默认内容