通過 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>

全部完成!