通過 NodeJS 安裝 - 推薦
建議通過 NodeJS 進行安裝。它是首選,因為你可以使用它來構建檔案,只選擇你想要的元件。
第 1 步 :安裝節點( 連結 )
第 2 步 :在你的計算機上全域性安裝 Gulp(-g)
npm install -g gulp
語義 UI 使用 Gulp 提供命令列工具,僅使用你需要的元件來構建庫的主題版本。
第 3 步 :在本地為你的專案安裝 Semantic-UI
cd /path/to/your/project
npm install semantic-ui --save
步驟 4 :導航到儲存語義 ui 的資料夾並執行以下 gulp 任務(這可能會自動完成)
cd node_modules/semantic-ui
gulp install
這將啟動互動式安裝程式。只需按照說明選擇所需的 SUI 元素,它將為你構建相關檔案。
- 你首先必須選擇安裝型別。首次使用者可以選擇自動模式來構建 SUI
- 然後你必須指定專案資料夾以及你想儲存 SUI 的位置(預設是
semantic/
) - 如果是自定義安裝,你將獲得選擇所需元件的選項。
第 5 步 :連結到你的 HTML
在 HTML 中連結已編譯的 CSS 和 JavaScript 檔案
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script src="semantic/dist/semantic.min.js"></script>
全部完成!