Spket IDE, Ext开发人员的紫色匕首

来源:互联网 发布:大嘴猴什么档次 知乎 编辑:程序博客网 时间:2024/03/28 23:51

 原文:http://jstang.5d6d.com/thread-809-1-1.html

 

Spket IDEExt开发人员的紫色匕首~

一、介绍

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、回车(相信你已看到安装画面
    3、Update Site
        这是更新网站,为spket的ide 。
        使用它,打开eclipse的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。

      

    官方的
配置demo:



    下载此flash   

1、Spket IDE是免费的吗?

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

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

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

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

下载XUL schema, 解压缩包, 然后复制*.xsd 到{INST_DIR}/plugins/com.spket.grammars/mozilla/.文件夹。
参照:这里为license和限制。

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

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



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

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

6、用ExtJS 2.0完成Spket 工作

将以下代码放入文件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>
  

7、flash中的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代码的逻辑卷结构,它列出了所有在其范围内的方法和变量声明。

原创粉丝点击