：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之前的版本例如3.5似乎没有dropins目录，那么可以采用link的方式或者直接拖到相应目录安装插件（网上安装插件的相关文章很多，这里不作介绍）

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

                                                                       

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

二、插件配置

        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按钮，表示将此设置为默认的提示 库。完成之后大致为下图所示：

                                               

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

                                                       

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

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

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

 

　　注：测试可行！