spket js ide

引用:http://baike.baidu.com/view/1609607.htm

概述

一个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_ide图片

spket_ide图片(1张)
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>之前
posted @ 2013-02-04 12:36  镇水古月  阅读(519)  评论(0编辑  收藏  举报