我目前正在运行一个简单的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