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>

选择菜单项目中Window > Preferences...

选择spket > javascript Profile页面


点击new...按钮。在名称里面，写入EXT。然后单击确定。
点击Add Library 按钮. 从Library下拉列表中, 选择EXTJS 。然后单击确定。
点击Add File 按钮, 选择ext源码里的 ext\source\ext.jsb
点击OK保存preference。

接着,你就可以在js代码中自动提示代码

Ext Theme Builder

在project目录下，新建一个文件，文件名为ext.theme，打开文件，指定ext的resource文件夹路径，就可以调整ext界面的颜色，效果等，生成自己的css文件

spket自定义脚本的引用申明及提示

1. 首先在当前js文件头部使用spket的包含语法引入包含的js:

/**
* @include "../js/custom.js"
*/

2.按 ctrl+click即可打开js申明,或ctrl+/ 自动完成提示

Spket安装到Eclipse

Spket Eclipse插件使用教程

相关推荐