概述

Spket 介绍(主要功能 Spket的安装 Spket的配置与使用 Spket的新特性)

spket如何配置(安装spket-1.6.11.jar 打开eclipse进行配置 关闭你的eclipse,重新打开)

Spket常见问题

概述

一个RIA的开发工具。支持JavaScript、XUL\\XBL、Laszlo、SVG and Yahoo!Widget等新产品，具有代码自动完成、语法高亮、内容概要等功能，可以帮助开发人员高效的创建JavaScript程序，他可以以一个独立的桌面应用程序运行或者以Eclipse的一个插件运行。

Spket 介绍

Spket ide是强大的工具包为了JavaScript和XML的开发，这个强大的编辑器对JavaScript, XUL/XBL and Yahoo! Widget的开发都有全面的支持 ,例如代码完成，语法高亮和内容概要，帮助开发有成效，创造高效率的javascript代码。

小巧的身躯，强大杀伤力，足以具备紫色装备的特点。

这款利器，专门为 使用 Ext， killer级的AjaxUI设计开发人员配备。

致命点. 体积小巧（eclipse plugin: 3.5M），价格优惠

主要功能

1、Ext 对象的自动完成

2、Ext 组件对象的查看

3、JavaScript Lib 对象的自动识别

4、JS文档的智能分析与阅读

这是个振奋人心的工具，对于要做或正在做ext的程序员来说，我们再也不会为开发ext没有好工具而忧愁！我们可以without JSEclipse、Aptana等等那些ext不健全的插件和工具。

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、回车(相信你已看到安装画面

Spket的配置与使用

*创建jQuery profile

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

* 选择spket > javascript Profile页面

* 点击new...按钮。在名称里面，写入jquery。然后单击确定。

* 点击Add Library 按钮. 从Library下拉列表中, 选择jquery 。然后单击确定。

* 选择jQuery profile 按照第3步, 点击Default 按钮把它预设为 default 项. The default profile 也可通过配置每个项目利用 Configure Project Specific Settings... 配置。

* 点击OK保存preference。

官方的配置demo:

下载此flash

频繁地被问的技术问题

1、Spket IDE是免费的吗？

复制内容到剪贴板

代码:

<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>

7、falsh中的YUI包在那里？

Yahoo! User Interface Library(简称yui) 是一个使用JavaScript编写的工具和控件库。它利用DOM脚本,DHTML和AJAX来构造具有丰富交互功能的Web程序。yui也包含几个核心的CSS文件。yui中的所有组件已经以开源的形式发布，它们遵循BSD协议并且可以免费使用。可以从Sourceforge站点下载完整的项目文件(里面有个# Version 2.3.1 就是最新的YUI包)，同时包含相关文档和示例。

Spket的新特性

1、服务器端脚本(Server Side Script)

对于php的语法高亮 。

2、JavaScript的排版显示 (JavaScript Formatter

优美的JavaScript代码排版功能

3、一种处理javascript库的新方式

JavaScript Profile现在支持 ExtJS, jQuery and YUI.在上面的demo已叙述过怎么使用js库。

4、用第三方插件完成代码

由第三方插件完成javascript代码，通过Alt + Shift + /.

Profile 查看器

屏幕快照:

Components.类

Components.接口

D&D(DragDrop)的支持

你可以拖拽视图组件中的节点来编写代码。

看看这个Flash吧

下载此flash

JavaScript 编辑器

代码完成

优良工程的完成，为用户自定义和内置式的javascript功能。

完成xpcom(Cross Platform Component Object Module,有点类似M$的COM)组件。

代码折叠

代码折叠的特点:使你的代码更清楚地阅读和理解。

智能打字

自动括号和引用匹配

公开声明

公开声明可以让你拥有浏览功能，变量的声明可在你的javascript代码使用ctrl +点击来显现。

内容纲要

内容纲要查看可以让你检查javascript代码的逻辑卷结构，它列出了所有在其范围内的方法和变量声明。

spket如何配置

spket是一个写JS的插件，很多人用IDE写JAVA代码的时候，都会在后面显示该类下的所有方法。

例如servlet中你输入response， IDE就会提示response下的所有方法让你选择，不需要记忆，很方便。

spket其实也就差不多能实现这样的功能。

安装spket-1.6.11.jar

把spket包拷贝到一个你能记的住的目录下,我这放在c:根目录下

接着进入DOS下,进入C:根目录,输入JAVA -jar spket-1.6.11.jar命令

之后会提示你安装spket,按着他提示的一直下一步,中间会提示你是安装eclipse插件,还是单独的开发工具

我选择的是eclipse plugin

最后完成

打开eclipse进行配置

打开window-preferences里面会有一个spket栏目

spket下有个javascript profiles 里面有很多浏览器的版本号

选择new 创建一个ExtJs目录

然后 Add Library 增加extJs

接着选中刚new的,Add Files选择你下载的ext2.1\\source\\ext.jsb文件

这时候会添加很多ext2.1的文件在里面

你按顺序一个个点下来,不要跳跃的点,因为跳跃的点,可能导致下面的类加载到上面,以后可能会出现的问题

按OK确定

关闭你的eclipse,重新打开

这时候创建一个JS文件,试着打入Ext.看下是否会弹出他下面的方法,

如果不会,右键你的JS文件,有个Open with - 选择spket JavaScript Editor

Spket常见问题

Spket IDE 是自由使用于非商业的,如果商业使用, 它花费$29.90(USD) 为一个单一用户的执照。

1、我可以安装Spket IDE 作为其它产品的插件吗？

是, 请确定这些产品是在eclipse3.2.2 （或更高）的基础之上。您能获得版本信息使用菜单"Help" -> "About... ", 然后点击eclipse的图像看什么平台的版本被使用。不知怎样安装插件就看看这里或这里。

2、在XUL 编辑器不完成编码工作

下载XUL schema, 解压缩包, 然后复制*.xsd 到{INST_DIR}\\plugins\\com.spket.grammars\\mozilla\\.文件夹。

参照:这里为license和限制。

3、在编辑器里怎么访问喜欢的资源chrome://browser/...

使用菜单"Window" -> "Preferences... ", 选择"Spket" -> "Extensions", 输入Firefox 目录。然后您能访问资源在firefox 目录, 而不在项目里的:

和XBL 的创建:

4、怎么设定Laszlo 为代码协助

使用菜单"Window" -> "Preferences... ", 选择"Spket" -> "Laszlo", 输入Laszlo 目录(如:"D:\\appsvr\\lps\\Server\\lps-4.0.0" )。

5、用ExtJS 2.0完成Spket 工作

将以下代码放入文件ext.jsb的标记 </project>之前