SenCha Touch 与 EXTJS 安装Myeclipse 插件

http://www.cnblogs.com/jirimutu01/default.html

 

关于SenchaEclipsePlugin插件的安装和使用

使用过eclipse开发java程序的人都知道eclipse带有强大的代码提示功能，非常好用。遗憾的是不是所有语言都能很好的支持，比如我们开发sencha touch和ext js就不能支持了。所以我们需要额外安装一个插件---SenchaEclipsePlugin。此款插件可以使你在eclipse开发环境下开发javascript变得更快更准确

这款插件是基于vjet这个开源项目的。vjet提供以下功能：

1.代码补全功能，代码模板和向导，可快速，准确的JavaScript代码。

2.搜索JavaScript类型和使用的调用层次，类型层次结构关系的能力，引用，执行者，等等。

3.类似Java的语义验证，以帮助您识别类型的错误，如确定如果您使用的是的JavaScript API或用户定义的类型正确。

4.JavaScript执行，测试和调试。

该插件还提供了其他类似Java的IDE功能，如语法高亮，语义突出，快速大纲视图，以及Eclipse编辑器的功能。它支持JavaScript 1.5的语言结构，其中包括条件，循环，文字和内置数据类型。支持原生JavaScript以及浏览器和DOM类型等

SenchaEclipsePlugin提供了以下功能，以增加sencha Ext JS框架的使用：

1.代码协助

2.生成文档

3.ext js代码校验

....

SenchaEclipsePlugin的文档生成使用的是jsduck

 

下面看看怎么安装吧：

安装步骤：

1.安装eclipse3.7以上版本，最好是正式版（aptana上没测试过）

2.安装SenchaEclipsePlugin，先解压好下载的文件得到SenchaEclipsePlugin目录，如下图

在eclipse工具栏选择help --》 install new software.. --》在弹出窗口中点击add--》在弹出文件窗口中选择Sencha_Eclipse_Plugin-trial-1.1.0.13.zip。如下图

 

 

接下来就next，等待安装，同意协议，ok，最后finish。如果成功安装则会提示重启eclipse，重启后我们将看到eclipse的welcome界面。点击工具栏，window--》preference可以看到有个vjet的选项

 

3.添加类库支持

 

3.1 把ExtJSTL-4.1.zip解压出来得到如下图目录

导入工程，在eclipse工具栏选择file--》import--》选择general--》existing ....如图

选择我们刚才解压出来的文件

点击finish完成。

下面新建一个工程试试

工具栏--》file--》new --》other--》vjet project--》next--》输入工程名--》next--》librarys--》add zips--》选择ExtJSTL-4.1.zip--》finish

 

 

 

 

好了工程创建完毕，下面我们添加一个index.js的文件输入ex然后alt+/如果出现下图就恭喜了

至此extjs部分搞定

 

3.2 sencha touch库文件添加基本步骤是一样的只不过对应的文件是SenchaTouchTL-2.1和SenchaTouchTL-2.1.zip这里不重复了