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

全部完成!