jhipster的用户界面库

jhipster的用户界面库,jhipster,primeng,bootstrap-material-design,Jhipster,Primeng,Bootstrap Material Design,我想创建一个由很棒的jhipster支持的富UI web应用程序。我一直在使用默认的jipster应用程序,我可以看到它默认使用ng引导 我需要使用高级组件,如“芯片”、“树”等,这些组件在ng引导程序中不可用,但在“prime ng”中可用。所以我做了一些研究,发现jhipster中有一个模块用于“启动”和“引导材料设计”。我尝试过“prime ng”,但不太喜欢它,因为在安装过程中它要求主题,我以后无法更改 对于“引导材料设计”,jhipster模块很旧,我不确定它是否适合angular 6

我想创建一个由很棒的jhipster支持的富UI web应用程序。我一直在使用默认的jipster应用程序,我可以看到它默认使用ng引导

我需要使用高级组件,如“芯片”、“树”等,这些组件在ng引导程序中不可用,但在“prime ng”中可用。所以我做了一些研究,发现jhipster中有一个模块用于“启动”和“引导材料设计”。我尝试过“prime ng”,但不太喜欢它,因为在安装过程中它要求主题,我以后无法更改

对于“引导材料设计”,jhipster模块很旧,我不确定它是否适合angular 6和jhipster>5.x

我的问题是:

  • 我可以使用ng引导(jhipster的默认设置)吗?他们之间有冲突吗

  • 如果我使用“Priming”,我将如何预览我要安装的主题??我可以在没有主题的情况下安装吗??ng引导和Priming之间是否存在冲突??我可以更新主题吗

  • Jhipster是否正式支持其他UI库

  • 谢谢

    ----更新------

    这是将jhipster模块用于引导材料时出现的错误

    我试着安装

    npm install generator-jhipster:modules
    
    但同样的错误

    ----------------更新-------------------

    这就是我使用Priming时的错误。css有一些问题。所有按钮看起来都一样。为什么

    这是我的vendor.scss文件:


    最后,按照这个答案手动添加了预涂,效果很好


    忘记“引导材料设计”jhipster模块吧,它太旧了(引导3和jhipster 3)。现在回答你的问题:1。是的,但它不提供仅具有行为样式的真实组件,2。我只使用了他们的引导主题,3。JHipster不支持UI库,Priming只是社区经常使用的一种。对于Priming的CSS问题,您是否在vendor.CSS中导入了CSS?见Hi Gaël Marziou,感谢您的快速回复。我已决定使用“预涂”。我已经使用thr jhipster模块添加到我的jhipster项目中。是的,主题文件在“vender.scss”中。我需要更多的步骤吗??此外,一些组件没有按预期工作,但我会问一个单独的问题。使用vendor.scss屏幕截图更新问题您是否查看了我的提交?它显示了我必须更改的所有文件,尽管它是针对JHipster 4的。是的,我仔细检查了它,所有文件都或多或少与您的提交相同。我将供应商scss中的主题名称从“@import”~primeng/resources/themes/bootstrap/theme.css”更改为“@import”~primeng/resources/themes/nova light/theme.css”;还有Yeeee的颜色。。虽然有些组件没有按预期工作,但主题问题已经解决。看起来“引导”主题有些问题