Three.js开发环境搭建:基于Eclipse

作者: 来源: 更新时间:2012-12-11 17:32:46 点击:

大概是被VS宠坏了,库里的类名、函数名,甚至是自己命名过的变量都记不住,搞开发的时候没有提词工具就浑身不舒服(我知道这样很菜)。JavaScript本来开发环境就比较灵活,WebGL又是一个新兴的东西。前两天尝试用Eclipse,用了两天提词,感觉还可以,拿出来和大家分享。

直接到Eclipse官网下了一个Eclipse IDE for JavaScript:

/upload/201212/20121211173241b3t.jpg" alt="" />

从Git上下载Three.js源码

/upload/201212/20121211173242a0s.jpg" alt="" />

打开ThreeJS库,发现源码没有被完全解析:

也没有提词的功能:

重点来了

把Three.js源码加入工程(否则没法修改),看到右侧滚筒条有提示解析到“错误”的地方(红色)。这些“错误”浏览器解析起来可能没有问题,可是IDE环境对源码的解析可能比较严格,一些浏览器中微不足道的错误会影响环境对源码的理解。

其实是同一个错误,就是直接量法声明对象的时候,最后一个属性后面仍然有逗号:

这里:

还有这里:

等等,还没有结束。文件的第一行代码,为了防止浏览器环境下重复定义,用到的这条语句也会影响IDE环境对于源码的理解,删掉选中的部分:

Ctrl+S,再把ThreeJS库的源文件换成项目文件夹下的(就是刚刚改过的)。

解析得不错,终于清静了:

 

提词也能正常使用了:

仍然存在个问题就是,通过原型对象构造函数的call(this)构建的派生对象,其继承的原型对象的方法不能提示,比如Mesh对象的众多方法是来自与Object3D的,提词工具统统找不到。