通过 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>
全部完成!