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 库,全称Yahoo! UI Library。是一组工具和控件,用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等...YUI 项目包括YUI 库和两个创建时工具: YUI Compressor (压缩) 和 YUI Doc (JavaScripts代码的文档引擎)。
它包括DOM脚本、DHTML和AJAX技术,提供了压缩和文档生成工具,如YUI Compressor和YUI Doc,助力开发者优化代码并提高性能。 5. jQuery:jQuery是一个轻量级的JavaScript库,以其简洁的API著称,旨在减少DOM操作的...
YUI安装文档.doc 提供了详细的安装和使用指南,包括如何配置环境、运行工具以及解决常见问题的方法。对于初次使用者来说,这份文档是了解和上手YUI打包工具的重要参考资料。 yuicompressor-2.4.7.jar 和 yui...
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 ...
在压缩包子文件中,"使用方法.doc"文档详细阐述了操作步骤。通常,你可以通过Java命令行来调用这个jar文件,例如: ``` java -jar yuicompressor-2.4.8.jar -o output.js input.js ``` 这里,`-o`参数指定输出...
YUI库是一组工具和控件,它们用JavaScript写成, 为的是用DOM 脚本,DHTML和AJAX等技术创建丰富的网页交互式应用...YUI 项目包括YUI 库和两个创建时工具:YUI Compressor (压缩)和YUI Doc(JavaScripts代码的文档引擎)
提供的“yui 使用文档.doc”应该包含了详细的API参考、教程和示例,这些都是快速掌握YUI的关键。通过阅读这份文档,你可以了解到每个模块和组件的具体用法,以及如何将它们整合到你的项目中。 在实践中,了解如何...
安装它们并移动到终端中这个项目的安装文件夹然后 $ npm install $ grunt developgrunt develop通过 YUI doc 生成 js 和 css 文件和自动生成的文档。依赖如何使用请参考/src/Controller/BaseController.coffee
#doc { width: 57.69em; /* 750 / 13 */ } ``` 而对于IE浏览器,由于它对em单位的处理方式略有不同,需要进行一定的调整。通常会用到一个转换系数,如0.9759,使得750像素的宽度在IE中表现为`56.301em`(750 / ...
为了简化 JavaScript 开发,JavaScript 库应运而生,它们封装了常用的函数和对象,如 Prototype、Dojo、YUI、Ext JS 和 MooTools 等。 - **Prototype** 是较早的 JavaScript 库之一,扩展了许多内置对象,但其结构...
FireDoc 从重写的API Doc生成器。 我们使用此工具在以下位置自行记录firedoc本身: 英文: : 或中文: :概述FireDoc是从派生并重写的,并在“添加了一些强大的增强功能。 YUIDoc是一个应用程序,在构建时使用它来...
随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、 mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员...
同时,熟悉JavaScript库如jQuery或YUI,可以提高开发效率。 算法和数据结构是编程的灵魂,对于PHP程序员来说,具备扎实的算法基础能够解决复杂问题。良好的代码组织和设计能力,如遵循一定的编码规范,可以使代码更...
它起源于YUI技术,借鉴了JavaSwing的组件模型,适用于开发富客户端的AJAX应用。 - **特点**:Dojo强调组件化和可扩展性,拥有丰富的UI组件库,支持多种浏览器,并提供优秀的性能。然而,其学习曲线相对较陡,且可能...
YUI是由Yahoo开发的一套Web UI控件和工具库,主要采用了DOM Scripting、DHTML 和 Ajax等技术。 - **DOM Scripting**:通过简化浏览器内部开发流程,让开发者可以更加专注于应用逻辑而非底层细节。 - **DHTML**:...
ExtJS最初基于YUI库,由开发者Jack Slocum创造,其设计灵感来源于JavaSwing,提供了丰富的组件模型和精细的UI设计。学习ExtJS,实习生需要克服资源有限、同事关系不熟等问题,但通过主动求教,他逐渐适应并掌握了这...