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 Android开发 数据格式
|
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
1786 0
|
JavaScript Android开发 Java
Eclipse利用Spket包搭建Ext js环境教程
------------------------------------------------- 1.准备的东西 extjs 3.4 js包源码:http://download.csdn.net/download/zzzzjjjjjjjjj/3643328 或者自己百度去下。
1149 0
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
75 0
|
8天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
JavaScript
Vue.js学习详细课程系列--共32节(4 / 6)
Vue.js学习详细课程系列--共32节(4 / 6)
33 0
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
64 1