spket js ide

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

引用: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>之前
相关文章
|
JavaScript 前端开发 IDE
NTVS:把Visual Studio变成Node.js IDE 的工具
就在你认为Redmond不可能更疯狂的时候,今天他们介绍了一个 VS 插件工具,Visual Studio的node.js工具。
290 0
NTVS:把Visual Studio变成Node.js IDE 的工具
|
JavaScript Android开发 数据格式
|
Web App开发 JavaScript IDE
【Node.js】2.开发Node.js选择哪个IDE 开发工具呢
安装完Node.js之后,就要为它选择一个有利的IDE用于开发。 相比较了多个IDE之后,定位在webstrom和sublime上。 有一个简单的比较: webstorm功能很丰富,前端开发工具的集大成者,相比sublime稍重一些 sublime插件也很丰富,界面也比较美观,很轻量,也有简单的project管理功能 这里选择使用sublime作为Node.js的开发工具。
1430 0
|
IDE JavaScript 开发工具
|
Web App开发 JavaScript 前端开发
哪些JavaScript IDE最好用?
阅读本文之前,分享大家一张图片,看图会发现JavaScript开发需求最高,占比达到42.84%,因此掌握JavaScript语言好工作就不愁啦,工欲善其事必先利其器,那么选择IDE来开发是至关重要的,本文指出常用的几款JavaScript IDE,分析其优缺点,如有不完善的请大家补充   WebStorm 优点: 1. 关键字提示 使用WebStorm开发时,它会自动提示JS变量,关键字,方法,函数或参数名,可帮助你快速输入,避免一些低级的输入错误。
1347 0
|
JavaScript Android开发 前端开发
eclipse安装spket插件提示js和jQuery代码
1、简介 spket是一个开发JavaScript和Ext等的开发工具,它可以 是独立的IDE,也可以作为 Eclipse的插件使用,下面介绍如何在Eclipse中安装spket插件。 2.解压spket-1.6.23.zip会看到一个eclipse文件夹,下面有plugins和features两个文件夹,将这两个文件夹下的东西分别考到 Eclipse安装包下 的plu
1836 0
|
Web App开发 JavaScript 前端开发
论及 JavaScript 的 IDE
很早之前,我便对 JS 开发环境吐槽过……原文如下: JavaScript 的开发工作未曾轻松过。个中原因有 Web 浏览器的不一致性、不完善的文档和质量欠奉的工具所导致的,所幸的是,随着 AJAX 开发浪潮的卷席,原本亟待改善的开发辅助环境得到极大的改善。
858 0
|
JavaScript Android开发 Java
Eclipse利用Spket包搭建Ext js环境教程
------------------------------------------------- 1.准备的东西 extjs 3.4 js包源码:http://download.csdn.net/download/zzzzjjjjjjjjj/3643328 或者自己百度去下。
1170 0
|
JavaScript IDE API
围绕Ext JS 2.0的IDE、插件和工具 by Jack Slocum
Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的,但实际开发中,若果能够像其它语言Java和C#那样地支持JavaScript代码提示,那就更好啦。
1060 0
下一篇
无影云桌面