转载:Eclipse+Spket插件+ExtJs4修改版提供代码提示功能[图]

转载:Eclipse+Spket插件+ExtJs4修改版提供代码提示功能[图]

ExtJs是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。功能丰富,无人能出其右。无论是界面之美,还是功能之强,ext的表格控件都高居榜首。2012年3月14日,Extjs4.1正式发布。

ExtJs提供强大的界面元素支持,使得开发者能够通过简单的学习,获得很好的界面效果,然而Eclipse内置的JS编辑器功能一般,几乎与文本编辑器无异,仅能提供原生的Js代码提示,对于长期使用ExtJs编程的人来说,显得非常不方便。

下面在Eclispe-juno-j2ee版本中安装spket破解版来完成ExtJs4的代码提示功能。Eclispe-juno为目前最新版本,低于此版本的Eclipse和myeclipse安装按照此教程也不会有问题。

首先介绍一下将要安装的spket这个js编辑器:一 个RIA的开发工具。支持JavaScript、XUL\XBL、Laszlo、SVG and Yahoo!Widget等新产品,具有代码自动完成、语法高亮、内容概要等功能,可以帮助开发人员高效的创建JavaScript程序,他可以以一个独 立的桌面应用程序运行或者以Eclipse的一个插件运行。(摘自百度百科),官网:http://www.spket.com/

一、插件安装:

1.下载spket,这里提供破解版的Eclipse插件下载,如果自己想折腾一下,请到官网寻找,并自己找破解。spket-1.6.23破解版.rar(内为目前最新版插件破解之后的压缩包,解压即可安装)

2.在Eclipse-juno中安装插件,Eclipse安装插件的方法多种多样,相信使用过Eclipse的同学都知道一点点。这里就简单说明一下:将spket解压之后,将features和plugins复制到eclipse的dropins目录中,如下图所示:

转载:Eclipse+Spket插件+ExtJs4修改版提供代码提示功能[图]

在Eclipse之前的版本例如3.5似乎没有dropins目录,那么可以采用link的方式或者直接拖到相应目录安装插件(网上安装插件的相关文章很多,这里不作介绍)

3.启动或者重启Eclipse,查看插件是否安装成功,如下图所示,window-preferences中出现spket菜单说明安装成功:

转载:Eclipse+Spket插件+ExtJs4修改版提供代码提示功能[图]

插件安装的过程就完成了,下面主要是插件的配置,请继续看下面。

二、插件配置

1.下载ExtJs4提供的jsb包,jsb包应该主要是提供ExtJs的一种结构图,类似网站的sitemap,spket就是利用这个提供的代码完成功能。ExtJs4官方提供的jsb效果不太好,下面的链接是在网上下载一个修改版,亲测效果不错。ExtJs4-SDK.jsb3

2.在
Eclipse中配置Spket。在window-preferences-spket-JavaScript
Profiles中新建一个项目,取名叫ExtJs4(名字不是固定的,随意取名),然后在点中ExtJs4,点Add
Library按钮,下拉选择ExtJs项(这一个是告诉spket插件这个profiles是属于什么类型的JS框架,以便提供不同的解析和提示方
式),然后选中ExtJs,点击Add
File按钮,浏览文件找到刚刚下载的jsb3文件即可。操作完成之后,选中ExtJs4,然后点击右侧的Default按钮,表示将此设置为默认的提示
库。完成之后大致为下图所示:

转载:Eclipse+Spket插件+ExtJs4修改版提供代码提示功能[图]

3.配
置Spket为默认JS编辑器。这就是Windows系统中文件打开方式类似的。配置方式:Eclipse中window-preferences-
General-Editors-File Associatior。在右边找到并选中*.js,然后在下面的编辑器中选中Spket
JavaScript Editor,设置为Default。如下图所示:

转载:Eclipse+Spket插件+ExtJs4修改版提供代码提示功能[图]

至此,插件的安装和配置就全部完成,你可以找一个ExtJs4的js文件编辑试试。代码提示的快捷键一栏时Alt+/。


外有同学可能会问,现在项目里面采用的是ExtJs3甚至2,怎么提示?安装步骤和上面都一模一样,不一样的只是在“二、插件配置中的第一步jsb文件下
载”这一步不同而已,你只需要下载相应版本的jsb文件即可,一般官方ExtJs包中都自带有相应的文件,如果要获得更好的提示效果,那就自己网上搜搜有
没有网友制作的更牛逼的jsb文件。Enjoy~

  博文原出处:http://50vip.com/blog.php?i=59

 
  注:测试可行!
上一篇:java高并发系列 - 第13天:JUC中的Condition对象


下一篇:Jetbrains 系 IDE 编辑器的代码提示功能