• 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>之前
  • 相关阅读:
    Java Web 开发必须掌握的三个技术:Token、Cookie、Session
    $.proxy和$.extend
    手机端和网页端使用同一后台时进行会话控制
    js中使用EL表达式总结
    Durandal入门
    RequireJs入门
    阿里云Prismplayer-Web播放器的使用
    Mac系统实现git命令自动补全
    Mac系统的终端显示git当前分支
    Gulp实现css、js、图片的压缩以及css、js文件的MD5命名
  • 原文地址:https://www.cnblogs.com/sode/p/2891586.html
Copyright © 2020-2023  润新知