JHipster 的 UI 设计师？答案

【问题标题】：UI Designer for JHipster?JHipster 的 UI 设计师？
【发布时间】：2017-05-24 14:42:16
【问题描述】：

我是 JHipster 的新手。我使用 JHipster 4.5.1 生成了一个 Angular 2 项目。这是一次很棒的体验！

现在，我想修改默认的 JHipster 生成的 Angular 2 页面并创建自定义页面。

我想知道是否有可用的 UI 设计器/引导生成器并与 JHipster 很好地配合使用？也许可以使用https://bootstrapstudio.io/、http://pingendo.com/ 之类的工具？有什么建议吗？

非常感谢！

【问题讨论】：

【解决方案1】：

JHipster 4.5.1 使用的是 Bootstrap 4，因此您可以使用您提到的工具来创建适合您需求的界面。

但是，请注意您使用的工具中提到的引导程序版本。大多数情况下，boostrap 3 和 4 之间的迁移可能会破坏一些事情。

另一个建议：Jhipster 有能力使用编译后的 css（如果你在生成应用程序时激活它），这可能是在需要时放置共同 css 资源的好方法，看看 sass 了解更多信息。

最后一条建议：css 和 html 生成器会使代码难以阅读（并非所有这些，也由您来定义“难以阅读”），所以我建议明智地使用它们：采取一些代码在这里和那里，并根据您的需要进行调整。

希望这会有所帮助！享受 Jhipster。

【讨论】：

【解决方案2】：

您可以按照以下说明操作：https://jhipster.github.io/customizing-bootstrap-4/ 我知道，页面很轻，应该改进。

或者，您可以使用https://bootswatch.com/4-alpha/ 中的 CSS 它工作得很好;-)

【讨论】：