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

2019-11-20 22:37:32 阅读：219 来源： 互联网

标签：semantic-ui meteor javascript user-experience

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

标签：semantic-ui,meteor,javascript,user-experience
来源： https://codeday.me/bug/20191120/2047238.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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