meteor - 沮丧的 n00bie 对 Meteor Semantic-ui 集成的完整说明？

Question

我希望有更好的说明在 Meteor 上安装和开始使用 Semantic-ui....请参阅下文。

欢迎任何改进/反馈。

Answer 1

我只是决定发布这些，因为我在获得 semantic-ui 时遇到了一些困难与 meteor 一起工作。我从各种论坛的各种答案中找出了一些我没有得到的东西:

1. 通过 CLI 安装:meteor add semantic:ui flemay:less-autoprefixer(您无需担心 LESS)
2. 在 /client/lib/semantic-ui/custom.semantic.json 中创建一个空的 custom.semantic.json 文件。(注意这不是 lib 文件夹在客户端和服务器文件夹之外 - 创建一个新的 lib 文件夹。将它放在原始 lib 中会导致您的应用程序崩溃，因为尚未加载 jQuery
3. 启动 meteor - custom.semantic.json 文件将被填充，所有语义 ui 文件将被添加到您项目的同一文件夹中。
4. 编辑文件 custom.semantic.json 以仅选择您想要的定义和主题
5. 如果您对默认值感到满意，则需要删除 .custom.semantic.json 以生成语义 UI - 您很可能希望删除此文件。
6. 保存文件，它将生成语义 UI

这对我来说还不是问题，但如果您要更改主题，您仍然需要将默认主题设置保留为 true。这似乎引起了人们的困惑。

我想使用 Accordion ，但不知道如何让它工作。文档中的 HTML 非常简单，但我需要这个 JS 来帮助我:

Template.yourTemplate.rendered = function() {
    $('.ui.accordion').accordion();
}

如果有人知道更好的方法，请加入。

希望这可以帮助其他人避免我今天早些时候遇到的小挫折。