javascript-如何在现有的Meteor项目中使用语义UI?

我目前正在运行一个简单的Meteor.js教程项目.如何使用Semantic-UI对此应用程序进行外观设置?在他们的网站上,他们有单个表单和按钮等的html源代码.我尝试将其复制并粘贴到我自己的流星项目html文件中,但是整个应用程序崩溃并报告“ HTML格式错误”.

如何解决这种情况和/或如何使用Semantic-UI轻松为流星项目添加外观?

解决方法:

通过大气安装

从大气中安装语义UI软件包:

流星添加语义:ui

安装LESS AutoPrefixer

您将需要一个特殊的程序包less-autoprefixer,以将供应商前缀添加到您的LESS管道中.

流星添加语义:ui flemay:less-autoprefixer

创建一个custom.semantic.json文件
custom.semantic.json是一个特殊文件,用于确定项目构建中要包含的主题和组件.

要从管道中删除组件,只需将布尔值设置为false.

{
"definitions": {
  "accordion" : true,
  "ad"        : true,
  "api"       : true,
  /* etc */
},
"themes": {
  "amazon"     : false,
  "basic"      : false,
  "bookish"    : false,
  "bootstrap3" : false,
  "chubby"     : false,
  "classic"    : false,
  "default"    : true,
  /* etc */
}

启动流星/生成

每当Meteor启动或刷新时,它都会调用程序包语义:ui来生成语义UI.

该软件包使用了custom.semantic.json和.custom.semantic.json之间的差异来避免不必要地重新生成文件.

如果文件.custom.semantic.json不存在或与custom.semantic.json不同,则它将生成语义UI.

自定义网站变量

语义UI流星包含一个网站主题site /,可用于自定义网站的较少变量.这些文件是可选的,如果不需要自定义,则可以安全地将其删除.

访问我们的主题指南以了解有关主题的更多信息.

问题与调试

有关语义UI流星的帮助以及最新更新,请访问GitHub上的存储库主页https://github.com/Semantic-Org/Semantic-UI-Meteor.

仅供参考:您可以在SemanticUI Integrations页面上的http://semantic-ui.com/introduction/integrations.html#meteor的原始上下文中查看这些说明.

或更妙的是:https://github.com/Semantic-Org/Semantic-UI-Meteor/blob/master/README.md

上一篇:javascript-如何为流星和collectionfs文件系统的文件指定路径和文件名


下一篇:javascript-流星和/ private目录