菜单

集成
其他库文件和 Semantic UI 一起使用

React

促进 React 发展

Semantic UI 和 React 的绑定一直在开发之中,且现在大多数组件已可用。

查看 React 支持

Meteor

通过Atmosphere安装 (Install via Atmosphere)

从 atmosphere 安装Semantic 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"]} } } }

最后,安装新的 autoprefixer NPM 包。

meteor npm install

创建 custom.semantic.json 文件 (Create a custom.semantic.json file)

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/Generate (Start Meteor / Generate)

每次 Meteor 开始或者更新的时候,它将调用包 semantic:ui 来产生 Semantic UI。

包在 custom.semantic.json.custom.semantic.json 之间有一点不同,能避免不必要的产生文件。

文件 .custom.semantic.json 在产生 Semantic UI 的时候不同于 custom.semantic.json 。

自定义网站变量 (Customize Site Variables)

Semantic UI meteor 包含网站主题, site/ 这个目录可以自定义 less 变量,这些文件是可选的,如果不需要自定义,可以安全删除。

了解更多主题相关可访问 主题向导

问题和调试 (Issues & Debugging)

查看 Semantic UI Meteor 版主,或者最新更新,请访问我们的 GitHub。

查看 Meteor 支持

Ember

通过CLI安装 (Installing via CLI)

作为 NPM 的依赖库被包含。

如果你正在使用 Ember CLI 0.1.5-0.2.3

ember install:addon semantic-ui-ember

如果你正在使用老版本 < 0.1.5

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

运行库蓝图 (Run the Library's Blueprint)

ember generate semantic-ui-ember

获取编码 (Get Coding)

对于个别组建的例子可以查看 GitHub 仓库

查看 Ember 支持

Angular

促进 Angular 发展

Semantic UI 和 angular 的绑定一直在开发之中,且现在大多数组件已可用。

查看 Angular 支持