Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
zzx_123123
zui
提交
6c690c6a
Z
zui
项目概览
zzx_123123
/
zui
与 Fork 源项目一致
Fork自
易企天创 / zui
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Z
zui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
6c690c6a
编写于
5月 16, 2015
作者:
C
Catouse
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
* chang document index.
上级
a4ce5b3f
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
132 addition
and
155 deletion
+132
-155
docs/index.json
docs/index.json
+13
-22
docs/part/start-edition.html
docs/part/start-edition.html
+119
-8
docs/part/start-grunt.html
docs/part/start-grunt.html
+0
-125
未找到文件。
docs/index.json
浏览文件 @
6c690c6a
...
@@ -288,7 +288,7 @@
...
@@ -288,7 +288,7 @@
{
{
"author"
:
"Catouse"
,
"author"
:
"Catouse"
,
"id"
:
"edition"
,
"id"
:
"edition"
,
"name"
:
"选择版本"
,
"name"
:
"选择版本
和定制
"
,
"icon"
:
"icon-code-fork"
,
"icon"
:
"icon-code-fork"
,
"desc"
:
"选择合适的版本"
,
"desc"
:
"选择合适的版本"
,
"topics"
:
[
"topics"
:
[
...
@@ -303,20 +303,11 @@
...
@@ -303,20 +303,11 @@
},
},
{
{
"name"
:
"组件清单"
"name"
:
"组件清单"
}],
},
"filter"
:
"xuanzebanben xzbb"
},
{
"author"
:
"Catouse"
,
"id"
:
"grunt"
,
"name"
:
"编译和定制"
,
"icon"
:
"icon-terminal"
,
"desc"
:
"定制你自己的版本"
,
"topics"
:
[
{
{
"name"
:
"
安装Grunt
"
"name"
:
"
使用Grunt定制
"
}],
}],
"filter"
:
"
bianyihedingzhi byhdz
"
"filter"
:
"
xuanzebanben xzbb
"
},
},
{
{
"author"
:
"Catouse"
,
"author"
:
"Catouse"
,
...
@@ -460,15 +451,6 @@
...
@@ -460,15 +451,6 @@
}],
}],
"filter"
:
"fuzhulei fzl"
"filter"
:
"fuzhulei fzl"
},
},
{
"author"
:
"Catouse"
,
"desc"
:
"美化浏览器滚动条"
,
"icon"
:
"icon-long-arrow-down"
,
"id"
:
"scrollbar"
,
"name"
:
"滚动条"
,
"topics"
:
[],
"filter"
:
"gundongtiao gdt"
},
{
{
"author"
:
"Catouse"
,
"author"
:
"Catouse"
,
"desc"
:
"默认配色方案"
,
"desc"
:
"默认配色方案"
,
...
@@ -650,6 +632,15 @@
...
@@ -650,6 +632,15 @@
"name"
:
"类型"
"name"
:
"类型"
}],
}],
"filter"
:
"fengexian fgx"
"filter"
:
"fengexian fgx"
},
{
"author"
:
"Catouse"
,
"desc"
:
"美化浏览器滚动条"
,
"icon"
:
"icon-resize-v"
,
"id"
:
"scrollbar"
,
"name"
:
"滚动条"
,
"topics"
:
[],
"filter"
:
"gundongtiao gdt"
}],
}],
"filter"
:
"kongjian kj"
"filter"
:
"kongjian kj"
},
},
...
...
docs/part/start-edition.html
浏览文件 @
6c690c6a
...
@@ -62,14 +62,6 @@
...
@@ -62,14 +62,6 @@
</article>
</article>
</section>
</section>
<section>
<header><h3>
自定义版本
</h3></header>
<article>
<p>
如果你需要更精确的控制预编译版本所包含的内容,强烈建议下载我们的源码来进行自定义配置并编译独一无二的版本。请参考章节
<a
href=
"#grunt"
>
编译及定制
</a>
。
</p>
</article>
</section>
<section>
<section>
<header><h3>
组件清单
</h3></header>
<header><h3>
组件清单
</h3></header>
<article>
<article>
...
@@ -94,6 +86,125 @@
...
@@ -94,6 +86,125 @@
</article>
</article>
</section>
</section>
<section>
<header><h3>
使用Grunt定制
</h3></header>
<article>
<p>
ZUI使用
<a
href=
"http://gruntjs.com/"
>
Grunt
</a>
作为构建系统。如果不了解 Grunt
也没有关系,Grunt是一个非常棒而且容易上手的工具。下面给出简要步骤来准备编译ZUI,如果想了解更多请访问Grunt官方网站。
</p>
<h4>
安装Grunt
</h4>
<p>
Grunt构建在nodejs之上。在安装Grunt之前需要首先
<a
href=
"http://nodejs.org/download/"
target=
"_blank"
>
下载并安装node.js
</a>
。最新版的nodejs已包含npm(
<a
href=
"http://npmjs.org/"
target=
"_blank"
>
node packaged modules
</a>
)。npm是nodejs用来管理扩展包的工具。
</p>
<p>
安装nodejs之后,在命令行进行如下操作:
</p>
<ol>
<li>
在全局环境中安装
<code>
grunt-cli
</code>
:
<code>
npm install -g
grunt-cli
</code>
。
</li>
<li>
进入ZUI源码目录,执行
<code>
npm
install
</code>
命令。nmp将读取包配置文件
<code>
package.json
</code>
文件并自动安装所有依赖的扩展包。
</li>
</ol>
<h4>
使用 Grunt 来构建
</h4>
<p>
完成上述步骤就可以进行编译了。只需要进入ZUI中使用命令行输入对应的命令就可以启动编译任务。内置的
<code>
build
</code>
命令可以完成大部分编译任务。以下为ZUI内置的一些常用任务命令。
</p>
<table
class=
"table table-bordered"
>
<thead>
<tr>
<th
style=
"width: 200px"
>
命令
</th>
<th
style=
"width: 40%"
>
说明
</th>
<th>
输出目录
</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>
grunt build:standard
</code></td>
<td>
编译标准版
</td>
<td>
<ul>
<li>
dist/js/zui*.js
</li>
<li>
dist/css/zui*.css
</li>
<li>
dist/fonts/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:lite
</code></td>
<td>
编译简洁版
</td>
<td>
<ul>
<li>
dist/js/zui.lite*.js
</li>
<li>
dist/css/zui.lite*.css
</li>
<li>
dist/fonts/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:dist
</code></td>
<td>
编译标准版和简洁版以及常用独立组件
</td>
<td>
<ul>
<li>
dist/js/**
</li>
<li>
dist/css/**
</li>
<li>
dist/fonts/**
</li>
<li>
dist/lib/*/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt dist
</code></td>
<td><code>
grunt build:dist
</code>
的简单写法
</td>
<td>
<ul>
<li>
dist/js/**
</li>
<li>
dist/css/**
</li>
<li>
dist/fonts/**
</li>
<li>
dist/lib/*/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:doc
</code></td>
<td>
编译文档所需资源
</td>
<td>
<ul>
<li>
doc/js/zui*.js
</li>
<li>
doc/css/zui*.css
</li>
<li>
doc/fonts/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:theme
</code></td>
<td>
编译主题
</td>
<td>
<ul>
<li>
dist/css/zui-theme*.css
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:[build name]
</code></td>
<td>
编译独立组件包,
<code>
[build
name]
</code>
为组件包名称,可以为
<code>
calendar
</code>
、
<code>
kindeditor
</code>
、
<code>
chosen
</code>
等
</td>
<td>
<ul>
<li>
dist/lib/[build name]/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:[control name]
</code></td>
<td>
编译单独控件,
<code>
[control
name]
</code>
为控件名称,可以为
<code>
button
</code>
、
<code>
alerts
</code>
、
<code>
panels
</code>
等
</td>
<td>
<ul>
<li>
dist/lib/[control name]/**
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>
如果了解Grunt,当然可以通过编辑
<code>
Gruntfile.js
</code>
文件来定义自己的编译任务。
</p>
</article>
</section>
<script>
<script>
function
afterPageLoad
()
{
function
afterPageLoad
()
{
if
(
$
.
doc
)
{
if
(
$
.
doc
)
{
...
...
docs/part/start-grunt.html
已删除
100755 → 0
浏览文件 @
a4ce5b3f
<article>
<p>
ZUI使用
<a
href=
"http://gruntjs.com/"
>
Grunt
</a>
作为构建系统。如果不了解 Grunt
也没有关系,Grunt是一个非常棒而且容易上手的工具。下面给出简要步骤来准备编译ZUI,如果想了解更多请访问Grunt官方网站。
</p>
</article>
<section>
<header><h3>
安装Grunt
</h3></header>
<article>
<p>
Grunt构建在nodejs之上。在安装Grunt之前需要首先
<a
href=
"http://nodejs.org/download/"
target=
"_blank"
>
下载并安装node.js
</a>
。最新版的nodejs已包含npm(
<a
href=
"http://npmjs.org/"
target=
"_blank"
>
node packaged modules
</a>
)。npm是nodejs用来管理扩展包的工具。
</p>
<p>
安装nodejs之后,在命令行进行如下操作:
</p>
<ol>
<li>
在全局环境中安装
<code>
grunt-cli
</code>
:
<code>
npm install -g
grunt-cli
</code>
。
</li>
<li>
进入ZUI源码目录,执行
<code>
npm
install
</code>
命令。nmp将读取包配置文件
<code>
package.json
</code>
文件并自动安装所有依赖的扩展包。
</li>
</ol>
</article>
</section>
<section>
<header><h3>
使用 Grunt 来构建
</h3></header>
<article>
<p>
完成上述步骤就可以进行编译了。只需要进入ZUI中使用命令行输入对应的命令就可以启动编译任务。内置的
<code>
build
</code>
命令可以完成大部分编译任务。以下为ZUI内置的一些常用任务命令。
</p>
<table
class=
"table table-bordered"
>
<thead>
<tr>
<th
style=
"width: 200px"
>
命令
</th>
<th
style=
"width: 40%"
>
说明
</th>
<th>
输出目录
</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>
grunt build:standard
</code></td>
<td>
编译标准版
</td>
<td>
<ul>
<li>
dist/js/zui*.js
</li>
<li>
dist/css/zui*.css
</li>
<li>
dist/fonts/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:lite
</code></td>
<td>
编译简洁版
</td>
<td>
<ul>
<li>
dist/js/zui.lite*.js
</li>
<li>
dist/css/zui.lite*.css
</li>
<li>
dist/fonts/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:dist
</code></td>
<td>
编译标准版和简洁版以及常用独立组件
</td>
<td>
<ul>
<li>
dist/js/**
</li>
<li>
dist/css/**
</li>
<li>
dist/fonts/**
</li>
<li>
dist/lib/*/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt dist
</code></td>
<td><code>
grunt build:dist
</code>
的简单写法
</td>
<td>
<ul>
<li>
dist/js/**
</li>
<li>
dist/css/**
</li>
<li>
dist/fonts/**
</li>
<li>
dist/lib/*/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:doc
</code></td>
<td>
编译文档所需资源
</td>
<td>
<ul>
<li>
doc/js/zui*.js
</li>
<li>
doc/css/zui*.css
</li>
<li>
doc/fonts/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:theme
</code></td>
<td>
编译主题
</td>
<td>
<ul>
<li>
dist/css/zui-theme*.css
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:[build name]
</code></td>
<td>
编译独立组件包,
<code>
[build
name]
</code>
为组件包名称,可以为
<code>
calendar
</code>
、
<code>
kindeditor
</code>
、
<code>
chosen
</code>
等
</td>
<td>
<ul>
<li>
dist/lib/[build name]/**
</li>
</ul>
</td>
</tr>
<tr>
<td><code>
grunt build:[control name]
</code></td>
<td>
编译单独控件,
<code>
[control
name]
</code>
为控件名称,可以为
<code>
button
</code>
、
<code>
alerts
</code>
、
<code>
panels
</code>
等
</td>
<td>
<ul>
<li>
dist/lib/[control name]/**
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>
如果了解Grunt,当然可以通过编辑
<code>
Gruntfile.js
</code>
文件来定义自己的编译任务。
</p>
</article>
</section>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录