spket ext4.1js插件

用于在spket中进行提醒时的筛选。以下是具体的操作步骤:

下载并安装spket插件

1、从官网下载spket-1.6.23.zip文件, 下载地址:http://www.spket.com/download.html
2、从中解压出features与plugins文件夹,复制到E:\MyEclipse\myPlugins\spket-1.6.23里面
3、在E:\MyEclipse\MyEclipse 10\dropins下新建文件 spket-1.6.23 .link,内容是:path=E:\\MyEclipse\\myPlugins\\spket-1.6.23 保存。

4、破解 com.spket.ui_1.6.23.jar 包覆盖到 E:\MyEclipse\myPlugins\ spket-1.6.23\ plugins

选取代码提醒文件的入口文件sdk.jsb3

Window -> Preferences -> Spket -> JavaScript Profiles -> New ;
输入“ExtJS”点击OK;
选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;
选择 “ExtJS”并点击“Add File”,然后在你的./ext-x.x.x/build目录中选取“sdk.jsb3” 文件;(如:F:\ext-4.1.0\build)

这一步最为关键,因为extjs4.1自带的sdk.jsb3文件里面的路径所有都是错误的,按照上下级的目录关系需要对目录结构重新调整。

先把platform替换成src

然后把“src替换成”../src

还有就是把pkgs替换成../pkgs

好了保存,大公告成。


spket ext4.1js插件_第1张图片

把js的默认编辑器和spket进行关联
Window -> Preferences ->General-> Editors-> File Association
选择File type为JS,并在下面的Associated editorsl,选中Spket JavaScript Editor,并单击右边的【Defaul】按钮即可。

重启eclipse,使配置信息生效

重启后确认JS文件是用编辑器Spket Javascript Editor打开,输入Ext.后面就自动弹出extjs4.1的所有类库信息,对extjs4.1的代码编写确实减少了很多工作量。

  • com.spket.ui_1.6.23.jar (481.5 KB)
  • 下载次数: 273
  • 这两天在整理extjs4.1的配置环境,由于需要一边查看API文档一边写code,效率很是地下,都网上搜索了下,spket支持对extjs的智能代码提醒功能。

    然后,我就去下载了spket的eclipse的官方插件,按照网上的教程一步步进行下去,都还顺利,但是我苦于找不到网上说的extjs.jsb jsb2文件。

    后来发现extjs4.1版本的jsb文件是放在根目录的build目录下。名字叫做sdk.jsb3,它其实是一个配置文件,里面罗列了所有类库的目录以及名称等信息。

    用于在spket中进行提醒时的筛选。以下是具体的操作步骤:

    下载并安装spket插件

    1、选择启动eclipse ,然后找到菜单Help -> Software Updates -> Find and Install...-> Search for new features to install ->New remote site...
    Name: "Spket", Url: "http://www.agpad.com/update/"下载完毕重启 Eclipse。最新版本的spket是1.6.23。

    说明:默认安装上,修改javascript的formatter是需要授权的,
    破解地址:http://download.csdn.net/download/jwsz_xsp/4435345 。
    做如下修改可以让spket和aptana格式化效果一样(aptana格式化效果更好):
    spket ext4.1js插件_第2张图片

    如果还想做的更一样,可以再修改:White Space->Control Statements。
    默认spket针对逻辑都打开了 before opening brace,也就是if (2 > 1)。而aptana是if(2 > 1)。

    选取代码提醒文件的入口文件sdk.jsb3

    2、Window -> Preferences -> Spket -> JavaScript Profiles -> New ;
    输入“ExtJS”点击OK;
    选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;
    选择 “ExtJS”并点击“Add File”,然后在你的./ext-x.x.x/build目录中选取“sdk.jsb3” 文件;(如:F:\ext-4.1.0\build)

    这一步最为关键,因为extjs4.1自带的sdk.jsb3文件里面的路径所有都是错误的,按照上下级的目录关系需要对目录结构重新调整。


    先把platform替换成src

    然后把"src替换成"../src这一步一定要看清楚 是有"的

    还有就是把pkgs替换成../pkgs这种办法是有问题的!网上的是错误的!这种替换办法会导致新的错误!

    正确办法是:将sdk.jsmb3放到根目录,然后替换
    ../platform/src/===>src/
    ../platform/core/ ===>src/core/


    好了保存,大公告成。(注意引入的路径别带中文,另外设置好以后设置为default)



    把js的默认编辑器和spket进行关联
    3、Window -> Preferences ->General-> Editors-> File Association
    选择File type为JS,并在下面的Associated editorsl,选中Spket JavaScript Editor,并单击右边的【Defaul】按钮即可。



    重启eclipse,使配置信息生效

    4、重启后确认JS文件是用编辑器Spket Javascript Editor打开,输入Ext.后面就自动弹出extjs4.1的所有类库信息,对extjs4.1的代码编写确实减少了很多工作量。
  • /////
    最近在研究ExtJS 4.1,看了网上的教程说如何安装Spket并添加ExtJS语法提示,很多人都说确实能装上。

    但是我却怎么也装不上。用了一个下午。终于搞明白了真正地原因。接下来写这篇文章给大家分享一下。

      步骤:

        1.下载文件:Spket Plugin 1.6.23或以上版本ExtJS 4.1SDK.jsb3

          版本很重要,我之前就是因为版本问题导致没有语法提示。

        2.解压Spket插件到:

          a、MyEclipse解压到dorpins目录,目录结构如下:

            spket ext4.1js插件_第3张图片

             PS:有些版本的MyEclipse是把features和plugins两个目录里面的文件直接放在dropins下。

          b、Eclipse可以解压到安装目录下,覆盖features和plugins两个目录,目录结构如下:

            spket ext4.1js插件_第4张图片

        3.启动Eclipse/MyEclipse,软件会自动安装插件。首次运行有错误提示,不用管。

          打开"Windows-->Preferences",你会发现左边导航栏多出一个"Spket"。这时候插件算是基本安装完成。

        4.解压ExtJS 4.1:

          首先把我们下载回来的ExtJS 4.1解压到一个常用目录,因为以后都要用到!

          这里我们假设目录为"D:\extjs"。你可以只解压中三个文件夹:src、build、pkgs

        5.替换Build目录:

          接下来把SDK.jsb3解压覆盖到"D:\extjs\Bulid"目录里面的同名文件。

          因为SDK.jsb3里面写的路径出错了,所以之前我一直都搞不出语法提示。

          这个文件是我根据源文件修正原来错误路径搞出来的。

          相对路径就是SDK.jsb3存放的路径。具体就是替换以下几个东西:

            a.  把 "platform 替换成 "../src

            b.  "src 替换成 "../src

            c.  "src/src替换成 "src

          PS:千万别删"D:\extjs"目录里面的任何东西。否则同样没语法提示!

        6.接着"Windows-->Preferences"

          在弹出窗口左边导航栏依次找到"Spket-->JavaScript Profiles"

          在右边点击 "New" ,名字随便写

          选中刚才新建的 Profiles ,接着点右边的 "Add Library" ,选择"ExtJS"

          选中刚才新建的 Library,接着点右边的 "Add File",进入你解压并覆盖的目录(D:\extjs\Bulid)选择"SDK.jsb3"

          重新选中刚才 Profiles ,点 "Default"

        7.再重启一下Eclipse/MyEclipse就大功告成了。

          给新手说说使用方法:在你想要编辑的JS文件点鼠标右键"Open With-->Spket JavaScript Editor",编辑时按"Alt+/"或"Ctrl+Space"就会有语法提示了。

    安装完成的效果:

    spket ext4.1js插件_第5张图片


  •  

你可能感兴趣的:(spket ext4.1js插件)