Spket Eclipse插件使用教程
一、Spket的安装
我使用的是第三种方式。
1、Plugin:
最低要求: eclipse平台运行时3.2.x ,
文件为: spket-1.6.4.1.zip(与别的插件的安装无异,相信不用我多说了吧)
2、Spket IDE:
最低要求:你需要java 1.5或更高版本运行安装程序,可独立使用(不用装Eclipse
文件为:spket-1.6.4.1.jar
安装步骤:1、打开cmd,2、在spket-1.6.4.1.jar文件目录下输入java -jar spket-1.6.4.1.jar 3、回车(相信你已看到安装画面
3、Update Site
这是更新网站,为spket的ide 。
使用它,打开eclipse(或者MyEclipse的Configuration center,点击software tab,在browse software处右键添加更新站点,取名为spket并且,添加下面的更新网址,然后更新)的updatemanager (在eclipse下的帮助菜单) ,并新增一个书签为:
http://www.spket.com/update
二. Spket的配置与使用
创建jQuery profile
- 选择菜单项目中Window > Preferences...
- 选择spket > javascript Profile页面
- 点击new...按钮。在名称里面,写入jquery。然后单击确定。
- 点击Add Library 按钮. 从Library下拉列表中, 选择jquery 。然后单击确定。
- 点击Add File 按钮, 选择jquery.js 可从jquery.com下载。
- 选择jQuery profile 按照第3步, 点击Default 按钮把它预设为 default 项. The default profile 也可通过配置每个项目利用 Configure Project Specific Settings... 配置。
- 点击OK保存preference。
破解Spket:将技术总结/JQuery/文件夹下的com.spket.ui_1.6.18.jar文件拷贝到D:\Program Files\Genuitec\Common\plugins下覆盖原有文件即可(或者从此处下载http://download.csdn.net/source/1832167该文件)
设置js打开方式。
Window -> Preferences ->General-> Editors-> File Associations-> 选择*.js将 Spket JavaScript Editor设为Default。
新建一个js文件,jQuery 自动提示!!
创建EXT 2.0 profile ,用Spket进行Ext2.0开发
将以下代码放入文件ext.jsb的标记 </project>之前
<target name="Ext Base">
<include name="core\Ext.js" />
<include name="adapter\yui-bridge.js" />
<include name="yui\yahoo.js" />
<include name="yui\dom.js" />
<include name="yui\event.js" />
<include name="yui\connection.js" />
<include name="yui\animation.js" />
</target>
![](https://i-blog.csdnimg.cn/blog_migrate/fe106288b4b03be5d62cfd754a620177.png)
选择菜单项目中Window > Preferences...
选择spket > javascript Profile页面
点击new...按钮。在名称里面,写入EXT。然后单击确定。 点击Add Library 按钮. 从Library下拉列表中, 选择EXTJS 。然后单击确定。 点击Add File 按钮, 选择ext源码里的 ext\source\ext.jsb 点击OK保存preference。
![](https://i-blog.csdnimg.cn/blog_migrate/db579a1775f78945fa66356082597ccf.png)
接着,你就可以在js代码中自动提示代码
![点击查看原始尺寸](https://i-blog.csdnimg.cn/blog_migrate/5adcf30de7e7fa11acfeb1aa07075823.png)
Ext Theme Builder
在project目录下,新建一个文件,文件名为ext.theme,打开文件,指定ext的resource文件夹路径,就可以调整ext界面的颜色,效果等,生成自己的css文件
spket自定义脚本的引用申明及提示
1. 首先在当前js文件头部使用spket的包含语法引入包含的js:
/**
* @include "../js/custom.js"
*/
2.按 ctrl+click即可打开js申明,或ctrl+/ 自动完成提示