1ページに小さな広告を1つ以上表示しないことを約束します。ご安心ください、このメッセージを非表示にすると、二度と煩わされることはありません。
React
Meteor
Atmosphere経由でインストールする
AtmosphereからSemantic UIパッケージをインストールしてください。
meteor add semantic:ui
次のステップは、実行しているMeteorのバージョンによって異なります。Meteorのバージョンに関連するセクションに進んでください。
（Meteor <1.3）less-autoprefixerパッケージをインストールする
LESSパイプラインにベンダープレフィックスを追加するには、特別なパッケージless-autoprefixerが必要です。
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が呼び出されてSemantic UIが生成されます。
このパッケージは、custom.semantic.jsonと.custom.semantic.jsonの差分を使用して、不必要にファイルを再生成することを防ぎます。
ファイル.custom.semantic.jsonが存在しないか、custom.semantic.jsonと異なる場合は、Semantic UIが生成されます。
サイト変数をカスタマイズする
Semantic UI Meteorには、サイトのLESS変数をカスタマイズするために使用できるサイトテーマsite/が含まれています。これらのファイルはオプションであり、カスタマイズが必要ない場合は安全に削除できます。
テーマの詳細については、テーマガイドをご覧ください。
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