`
bobbie.zou
  • 浏览: 64306 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

YUI doc

阅读更多
YUI Team实践出了一个高效易协作的前端代码开发流程:代码首先由Ant来组织管理和版本化、接着由JsLint来验证,然后由YUI Doc文档化、最后由YUI Compressor进行压缩发布。上个月初,YUI Team公布了这个新的JavaScript API文档生成工具YUI Doc,它本来专门为YUI提供API级别的文档的,现在它开源为人民服务了。

YUI Doc和JavaDoc、JSDoc和JsDoc Toolkit相似。YUI Doc是由注解驱动(comment-driven )的系统,它通过解析代码中描述结构的注解来生成文档。由于它纯粹的依赖于注解,所以并不像一些模拟系统一样需要有惯用语和代码模式。更详细的介绍可以看YUI Doc的官方文档和YUI blog上的《YUI Doc: A New Tool for Generating JavaScript API Documentation》(由于YUI blog咱们无法访问,比较好的解决方案就是在Google Reader中订阅它的Feed,直接输入 http://yuiblog.com即可。)

YUI Doc是基于Python开发,且依赖几个扩展库,加之其Getting Started写的也比较含糊,所以如何使用这个工具反而成为第一道门槛,尤其对于那些对Python不熟悉的同学来说。所以,下面的重点是介绍如何在Windows上使用YUI Doc:

1.下载Python2.5.2安装之。
虽然Python3.0和Python2.6都已经出来很久了,但之所以依旧选择Python2.5.2,是因为后面要用到的安装Python扩展库的工具setuptools在Windows下的最新版本对应的是Python2.5。我不知道它是否支持2.5以上,有兴趣的可以试试。
2.下载setuptools-0.6c9.win32-py2.5.exe并安装之,setuptools会自动安装到Python所在安装目录的Scripts目录下。
setuptools为Python提供了简单的包管理和发行功能。后面的扩展库的安装就是利用它的easy_install,非常方便。有兴趣的可以看看《可爱的 Python: 使用 setuptools 孵化 Python egg》。
3.为了使用方便需要配置一下“环境变量”,即在“我的电脑 》右键 》属性 》高级 》环境变量 》系统变量 》 选中Path 》 编辑”,在弹出框中加入:
;D:\Program Files\python;D:\Program Files\python\Scripts然后应用即可。前面的两个路径分别是我的Python和setuptools的安装路径,你需要修改成你自己的。

4.开始 》运行 》(Win + R)输入“cmd”,输入:
python -c "import pkg_resources"没有任何输出,即表示setuptools安装成功。接着依次输入运行:

easy_install Pygments
easy_install simplejson
easy_install Cheetah
setuptools会自动寻找并下载Pygments、SimpleJSON和Cheetah这三个扩展库,并安装它。

5.下载YUI Doc,并解压在某个目录下。复制其bin目录下的example.bat文件,重命名为test.bat,然后用记事本或其他编辑器打开并配置它:
SET yuidoc_home="D:\yui\yuidoc"
REM YUI Doc的路径
parser_in="D:\yui\src"
REM 要生成文档的JS文件路径,比如为了测试就我临时建一个,里面就放着YUI 的 dom.js
parser_out="D:\yui\src\parser"
REM YUI Doc会把解析的JS文件提取出来所要存放的位置
generator_out="D:\yui\src\generator"
REM 生成文档存放的位置
保存并运行test.bat后,就会发现D:\yui\src中多了parser和generator两个目录,而generator中正是你要的文档。

学会使用工具仅仅是开始了一小步,仔细看看YUI Doc的官方文档吧,利用其来促使我们写出更高效优雅的前端代码并惠及更多的人才是一大步。

转载:http://dancewithnet.com/2008/12/30/why-start-yui-doc/
分享到:
评论

相关推荐

    yui_2.9.0前端UI

    YUI 库,全称Yahoo! UI Library。是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等...YUI 项目包括YUI 库和两个创建时工具: YUI Compressor (压缩) 和 YUI Doc (JavaScripts代码的文档引擎)。

    编写可维护的javascript(英文)

    18.2 YUI Doc 第19章 自动化测试 19.1 YUI Test Selenium引擎 19.1.1 配置一台Selenium服务器 19.1.2 配置YUI Test Selenium引擎 19.1.3 使用YUI Test Selenium引擎 19.1.4 Ant的配置写法 19.2 Yeti 19.3 ...

    编写可维护的JavaScript(中文)

    18.2 YUI Doc 第19章 自动化测试 19.1 YUI Test Selenium引擎 19.1.1 配置一台Selenium服务器 19.1.2 配置YUI Test Selenium引擎 19.1.3 使用YUI Test Selenium引擎 19.1.4 Ant的配置写法 19.2 Yeti 19.3 ...

    YUI3.6文档及示例

    yui官网下载的。内容很全,示例+doc说明

    使用YUI+Ant 实现JS CSS压缩

    YUI库是一组工具和控件,它们用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用...YUI 项目包括YUI 库和两个创建时工具:YUI Compressor (压缩)和YUI Doc(JavaScripts代码的文档引擎)

    MithrilBackboneMVC:混合 MVC(Mithril.js(Controller,View) + Backbone(Event,Model,Collection) + coffeescript)

    安装它们并移动到终端中这个项目的安装文件夹然后 $ npm install $ grunt developgrunt develop通过 YUI doc 生成 js 和 css 文件和自动生成的文档。依赖如何使用请参考/src/Controller/BaseController.coffee

    EXT入门详解.doc

    Ext在最开始的时候,是作为YUI的一个扩展存在的,所以那个时候它的名称是YUI.Ext,后来,Ext作为一个独立的项目进行开发,并不再依赖于YUI。适合企业级开发,能实现复杂的Layout布局,界面效果可以和backbase媲美,...

    MVC开发人员必须拥有的五大工具.doc

    MVC开发人员必须拥有的五大工具  1.Chirpy Zippy:Chirpy Zippy是一个Visual Studio...它就会调用YUI压缩程序自动压缩,压缩后的文件在解决方案资源管理器中显示为一个子项目,你可以继续查看和调试未经压缩的脚本。

    YUI 中的 Grids CSS值得关注和学习的

    YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习: 1、布局的思想:使用 “负 margin(Negative Margins)” 技术 详细可参阅:《Creating Liquid Layouts with Negative Margins》 2、使用 em :当用户改变...

    firedoc:基于YUIDoc的API Doc生成器

    FireDoc 从重写的API Doc生成器。 我们使用此工具在以下位置自行记录firedoc本身: 英文: : 或中文: :概述FireDoc是从派生并重写的,并在“添加了一些强大的增强功能。 YUIDoc是一个应用程序,在构建时使用它来...

    AJAX 框架资料doc电子版

    随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、 mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员...

    tern-aui2.0.x:添加 AlloyUI 2.0.x 支持的 Tern 插件

    yui3 tern 插件。 精简版 按照你想要的 [editor plugin]([tern-editor]: http://ternjs.net/doc/manual.html#editor ) 的安装说明安装 Tern 后,转到安装Tern 包的地方(或Tern repo被克隆)并运行 $ npm install...

    mout:模块化JavaScript实用工具

    所有代码都是与库无关的,并且主要由与DOM不直接相关的辅助方法组成,该库的目的不是代替Dojo,jQuery,YUI,Mootools等,而是为常见的问题提供模块化解决方案大多数人都无法解决。 将其视为跨浏览器JavaScript标准...

    layui 正则表达式验证使用实例详解

    官方参考文档:https://www.layui.com/doc/element/form.html 要保证引用的layui模块中有form.js存在。 快速步骤引用form.js添加form标签,并设置class属性为layui-form,不可改在要验证的属性上加lay-verify 进行...

    layui输入框只允许输入中文且判断长度的例子

    今天写项目遇到一个问题,在输入...这个好解决,只要在代码中加入 lay-verify=”required” 即可,这个在layui官方文档中就有,参考https://www.layui.com/doc/element/form.html 下面,咱们主要说长度的问题: [效果]

    layui lay-verify form表单自定义验证规则详解

    官方文档详见:https://www.layui.com/doc/modules/form.html#verify 虽然layui的官方文档已经是写的比较详细,但是初次使用的时候总会懵一下,这里纪录一下lay-verify自定义验证规则的时候到底放哪。 html: <...

    基于layui框架响应式布局的一些使用详解

    官网地址:https://www.layui.com/doc/element/layout.html 简单的布局 layui的响应式使用十分简单,虽然官网写了很多很详细,但某种意义上增加了新手学习的难度和劝退的可能。但其实总结下来如何使用响应式布局就几...

    关于layui toolbar和template的结合使用方法

    定义操作模板,这里采用的是Layui的模板语法,具体怎么编写可以参考:https://www.layui.com/doc/modules/laytpl.html 这个模板的作用是: d为迭代表格行数据的形参,d.fileType表示为表格数据一行的某列数据;所以...

    基于Extjs的开源控件库ExtAspNet中文版 v3.1.9

    注:ExtAspNet 基于一些开源程序,比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor. +2012-08-18 v3.1.9 -修正other/addtab.aspx示例的JS错误和BoundField使用Tooltip的错误(Dennis_Liu)。 +修正Window的...

    基于Extjs的开源控件库ExtAspNet英文版 v3.1.9

    注:ExtAspNet 基于一些开源程序,比如ExtJS, HtmlAgilityPack, Nii.JSON, YUICompressor. +2012-08-18 v3.1.9 -修正other/addtab.aspx示例的JS错误和BoundField使用Tooltip的错误(Dennis_Liu)。 +修正Window的...

Global site tag (gtag.js) - Google Analytics