spket IDE和eclipse插件的安装

spket IDEeclipse插件的安装

Spket IDE 是一个很酷的JavaScriptXML的开发工具,并且提供eclipse的插件。对主流的js框架——ExtjsYUIjQuery等都可以很不错地支持。下面介绍安装方法和步骤。

一.安装spket IDE.

1、 准备spket IDE的安装文件,可以去spket的官网http://www.spket.com/download.html下载。官网下载截图:

载下来的文件为:spket 1.6.18.jar

spket IDE和eclipse插件的安装

2、 如果你jdk版本是1.6或以上,直接点击安装。如图:

spket IDE和eclipse插件的安装

然后就是一直按下一步,finish!

二、安装spketeclipse的插件。

1、准备spketeclipse的插件,同上。

2、下载完成,解压的文件下有两个文件夹(featuresplugins文件夹),分别将这两个文件夹的文件复制到你的eclipse的安装目录下featuresplugins文件夹,OK!重启eclipse注:我的用是的eclipse3.2,能成功安装!在myeclipse7.5myeclipse8.5下我都没安装成功,可能跟我的安装路径有关,两个myelipse我都默认安装在了C盘,郁闷!

3、重启eclipse,window>Preference下,将会看到spket界面。如下图

二.下面介绍如何使用spket编写js代码。

1、spket下的Javasript Profiles进行配置开发js框架的支持。如下图:

spket IDE和eclipse插件的安装

2 new profile,输入名称(任意),点击OK。如图:

spket IDE和eclipse插件的安装

3、点击 Add Library,如图:

spket IDE和eclipse插件的安装

4、点击OK,然后点击Add File,选择js框架的库文件,Extjsext.jsb2(如果用jquery框架,直接把jquery.js导入),如下图

spket IDE和eclipse插件的安装

5、打上勾,选择extjs的支持,我都打上勾了。如下图:

spket IDE和eclipse插件的安装

6、点OK!配置完成!下面就新建一个test.js进行测试了,看看会不会js代码自动提示。

spket IDE和eclipse插件的安装

注:如果按照以上步骤走,还没实现js代码自动提示的话,可能有两个原因:一是spket配置完以后你没有重启eclipse;二是new profile完以后,没有点击Default,这里是reload的意思。

如下图:

spket IDE和eclipse插件的安装

如何使用spket可以参考官方的视频demo,地址:http://www.spket.com/demos/js.html