如何编写 Cloud9 JavaScript IDE 的功能扩展

上周末我们在JSConf.eu发布了 Cloud9 IDE ，同时发布了对应的GitHub项目。在4天时间里该项目得到340个人的关注和将近50个fork。Cloud9的口号是由”由Javascripters 为Javascripters创建的IED”，这口号有点递归，它意味着你可以hack这个ide使它变得更强大。Cloud9项目开始之初就尤其注意考虑这点了；Cloud9中的每一个功能点都是一个扩展(extension)。在IED启动的时候我们用优秀的 requireJS 库加载所有的扩展。前端UI使用 ajax.org platform (apf)，apf 使我们轻松地模块化Cloud9的用户界面。下面开始详细介绍怎样为Cloud9编写扩展。

一个扩展的生命周期是从它作为requireJS的模块开始的。我将简述requireJS的基本语法，想深入了解requireJS请参考这个文档。一个扩展会依赖其他的扩展和一些核心模块。我们将编写一个给编辑器中选定的JSON代码进行格式化的扩展。该扩展依赖核心模块：core/ide, core/ext, core/util 和编辑器管理扩展：ext/editors/editors.让我们称该扩展为formatjson，然后将其置于ext文件夹下。

`01`	`require.def("ext/formatjson/formatjson",`

`02`	`["core/ide",`

`03`	`"core/ext",`

`04`	`"core/util",`

`05`	`"ext/editors/editors",`

`06`	`"text!ext/formatjson/formatjson.xml"],`

`07`	`function(ide, ext, util, editors, markup) {`

08

`09`	`return` `ext.register("ext/formatjson/formatjson", {`

`10`	`//Object definition`

11 });

12

13 }

14 );

jingxing05
翻译于昨天(12:55)

0人顶

jingxing05
翻译于昨天(13:25)

0人顶

jingxing05
翻译于昨天(14:41)

0人顶

jingxing05
翻译于昨天(15:07)

0人顶

jingxing05
翻译于昨天(15:15)

0人顶

jingxing05
翻译于昨天(15:34)

0人顶

jingxing05
翻译于昨天(17:27)

0人顶

视频下载)

jingxing05
翻译于昨天(18:04)

0人顶

Google Group 。可以向github的issue跟踪issue tracker of GitHub提交任何你发现的问题。Cloud9的所有开发者在Twitter上十分活跃。在扩展Cloud9的路上祝你好运。我都等不及要看你会扩展出什么了。我们非常乐意将你酷毙了的扩展添加为Cloud9的子模块，或者在Github上提交pull request。

玩得开心!