Menu

食谱
为高级用户提供额外的集成路径

自定义的管道

进口杯任务

你不需要使用 365app喘不过气管道,只需将任务导入到您自己的任务中 狼吞虎咽地吃文件

你可以 Fork这个示例项目 查看如何将语义UI任务导入项目的示例.

var 杯=要求(“吞咽”), 看=要求(“./语义/任务/表”), 构建=要求(“./语义/任务/构建”) ; //使用自定义任务名称导入任务 狼吞虎咽地吃.任务(“观察界面”,观看); 狼吞虎咽地吃.任务(“构建ui”、构建);

语义.json设置

没有

运行 npm安装 通常会启动一个交互式安装程序, 要允许这个安装程序在没有用户交互的情况下运行,需要包含一个特殊的标志 autoInstall:真在你的 语义.json 文件.

{ // install将自动生成您的项目文件,无需用户交互 “autoInstall”:没错, //这些设置可能不同 “基地”:“”, "路径":{ “源”:{ “配置”:“src /主题.配置”, “定义”:“src /定义/”, “网站”:“src /网站/”, “主题”:“src /主题/” }, "输出":{ “打包”:“dist /”, “压缩”:“dist /组件/”, “压缩”:“dist /组件/”, “主题”:“dist /主题/” }, “清洁”:“dist /” }, “许可”:假的, “rtl”:假的, }

从右到左的语言(RTL)

包括国旗 rtl:真 将建立语义UI使用 RTLCSS.

要构建LTR和RTL版本,请使用该标志 rtl:‘都’

{ //编译LTR和RTL版本 “rtl”:“都”, //这些设置可能不同 “基地”:“”, "路径":{ “源”:{ “配置”:“src /主题.配置”, “定义”:“src /定义/”, “网站”:“src /网站/”, “主题”:“src /主题/” }, "输出":{ “打包”:“dist /”, “压缩”:“dist /组件/”, “压缩”:“dist /组件/”, “主题”:“dist /主题/” }, “清洁”:“dist /” }, “许可”:假的, }

语义UI原型

草稿文件

如果你正在寻找原型布局使用 草图 与语义UI检查 语义UI草图文件

单个组件

CDN的版本

单个组件可在 jsDelivr

查看所有CDN文件

标记版本

组件回购在NPM上发布,在GitHub上以标记的形式发布.

查看下面的回购清单 语义组织 GitHub上

每个组件的发布说明将自动更新为主版本中该组件的相关说明.

npm安装语义用户界面-component

服务器端呈现

单个组件回购包括一个 自动生成的 指数.js 文件来简化 需要 与NodeJS一起使用,用于服务器端渲染或与 Browserify.

npm安装语义用户界面-dropdown
var 下拉=要求(“语义用户界面-dropdown”) ; 喷火.下拉();

进口减少

只少分布

一个特殊的分布 语义-UI-LESS 对于使用自定义集成且不需要365app构建工具的项目是否可用.

LESS源文件没有前缀,需要运行 autoprefixer 在被使用之前

进口的语义

语义.少 是否可以在所有版本中作为入口点从其他LESS文件导入多个组件.

/*导入所有组件*/ @ import“src /语义”;

进口组件

如果您需要导入单个组件, 您应该限定每个导入的范围,以避免继承问题.

/*导入范围*/的特定组件 & { @import 'src/definitions/elements/button'; } & { @import 'src/definitions/elements/list'; }

运行在本地文档

下载文档服务器

最容易得到的方法 语义UI文档 是克隆回购吗

git克隆http://github.com/Semantic-Org/Semantic-UI-Docs.git

安装依赖关系

语义UI的文档是用 Docpad 一个用NodeJS构建的惊人的静态站点生成器

cd docs / npm安装

关于路径的说明

语义UI的 构建工具 包含两个特殊命令 build-docsserve-docs 与文档一起使用. 这些文件将把ui/文件夹中的更改直接传递到实时文档服务器.

这些狼吞虎咽地吃任务需要两个兄弟文件夹

ui/
文件从语义ui repo
文档/
文件从文件回购

构建用户界面

第一次运行文档时,你需要一次性构建整个项目

cd ui / 吞咽build-docs

运行Docpad服务器

Docpad

cd docs / #初始构建可能需要几分钟 docpad运行

为文档提供UI

然后,您可以继续对UI进行修改,并将这些文件“服务”到一个活动文档实例,以便立即看到您的更改

cd ui / 吞咽serve-docs

托管文档

如果您正在管理您的文档,您可以使用内置的自动部署到GitHub页面 docpad gh-pages 插件

有关GitHub页面的更多信息,请查看 文档在GitHub上

Docpad部署-ghpages——env static

自定义文档路径

文档任务路径在文件中指定 任务/ config /文档.js 并且可以调整为使用项目所需的任何文件夹设置.

调光器的信息
调光器分联箱

友情链接: 1 2 3 4 5 6 7 8 9