菜单

集成
将语义 UI 与其他库一起使用

React

为 React 开发做出贡献

语义 UI React 绑定仍在开发中,但大多数组件都可以使用。

访问 React 仓库

Meteor

通过 Atmosphere 安装

从 atmosphere 安装 语义 UI 包

meteor add semantic:ui

下一步将根据您运行的 Meteor 版本而有所不同。继续执行与您的 Meteor 版本相关的部分。

(Meteor <1.3) 安装 less-autoprefixer 包

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

由于 flemay:less-autoprefixer 编译 LESS 文件,因此您不需要任何其他 less 包。
meteor add flemay:less-autoprefixer

继续执行“创建 custom.semantic.json 文件”部分

(Meteor 1.3+) 安装 less 和 postcss 包

删除 standard-minifier-css 包。

meteor remove standard-minifier-css

安装 less 和 postcss 包。

meteor add less juliancwirko:postcss

要配置 postcss 包,请将以下内容添加到您的 package.json 文件并保存。

{ "devDependencies": { "autoprefixer": "^6.3.1" }, "postcss": { "plugins": { "autoprefixer": {"browsers": ["last 2 versions"]} } } }

要完成 postcss 包的设置,请安装新的 autoprefixer NPM 包。

meteor npm install

创建 custom.semantic.json 文件

Meteor 停止后

touch client/lib/semantic-ui/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 / 生成

每次 Meteor 启动或刷新时,它都会调用包 semantic:ui 来生成语义 UI。

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

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

自定义网站变量

语义 UI meteor 包括一个网站主题 site/,它可以用于自定义网站的 less 变量。这些文件是可选的,如果不需要自定义,可以安全地删除。

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

问题 & 调试

有关语义 UI Meteor 的帮助,以及最新的更新,请访问 GitHub 上的存储库主页

访问 Meteor 仓库

Ember

通过 CLI 安装

在 ember-cli 应用程序中,将库作为 NPM 依赖项包含进来。

如果您使用的是 Ember CLI 1.13-2.X

ember install semantic-ui-ember

如果您使用的是旧版本 < 0.1.5

npm install --save-dev Semantic-Org/Semantic-UI-Ember

运行库的蓝图

ember generate semantic-ui-ember

开始编码

有关单个组件的示例,请查看 GitHub 存储库

访问 Ember 仓库

Angular

为 Angular 开发做出贡献

语义 UI Angular 绑定仍在开发中,但一些组件已经可用

访问 Angular 仓库

调光器消息
调光器副标题