1ページにつき1つの小さな広告しか表示しないことをお約束します。ご安心ください。このメッセージを非表示にすると、二度と催促されることはありません。
序文
ビルドツールの使用
Semantic UI は、プロジェクトが独自の テーマ変更 を維持できるように、Gulp ビルドツールをパッケージ化しました。
Semantic UI をインストールする最も簡単な方法は、セットアップをインタラクティブにし、アップデートをシームレスにする特別なインストールスクリプトを含む NPM パッケージを使用することです。
Ember、React、Meteor などの特定の統合でインストールする場合は、統合ガイド を参照してください。
Semantic UI タスクを独自のビルドツールに統合したり、CDN を使用したりする場合は、レシピ セクションを参照してください。
インストール
NodeJS をインストール
NodeJS のセットアップに慣れていない場合は、以下の手順に従うか、ダウンロードページ を nodejs.org で確認してください。
オプション1：Homebrew
homebrew をインストールした後
brew install node
オプション2：Git
git clone git://github.com/nodejs/node.git cd node ./configure make sudo make install
PPA を介してインストール
Chris Lea の PPA はかつて node をインストールする最良の方法でしたが、現在はやや時代遅れになっています。
Semantic UI をインストールする推奨パスは、Joyent のパッケージマネージャー ガイドを使用することです。
Ubuntu
curl --silent --location https://deb.nodesource.com/setup_6.x | sudo bash - sudo apt-get install --yes nodejs
Debian
apt-get install curl curl --silent --location https://deb.nodesource.com/setup_6.x | bash - apt-get install --yes nodejs
Red Hat
curl --silent --location https://rpm.nodesource.com/setup | bash - yum -y install nodejs
exe をインストール
NodeJS 実行可能ファイル をダウンロードします。
Gulp をインストール
Semantic UI は、必要なコンポーネントのみを使用して、ライブラリのテーマ付きバージョンを構築するためのコマンドラインツールを提供するために、Gulp を使用します。
Gulp は NPM モジュールであり、グローバルにインストールする必要があります
npm install -g gulp
Semantic UI をインストール
Semantic UI は、NPM の同名のパッケージで利用できます
npm install semantic-ui --save cd semantic/ gulp build
HTML に含める
gulp ビルドツールを実行すると、プロジェクトで使用するための CSS と Javascript がコンパイルされます。最新の jQuery とともに、これらのファイルを HTML にリンクするだけです。
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css"> <script src="https://code.jquery.com/jquery-3.1.1.min.js" crossorigin="anonymous"></script> <script src="semantic/dist/semantic.min.js"></script>
更新
NPM を介した更新
Semantic の NPM インストールスクリプトは、サイトとパッケージ化されたテーマを保持しながら、Semantic UI を自動的に最新バージョンに更新します。
npm update