• eclipse下安装Extjs的插件spket


    最近项目要用ext进行开发,所以这段时间开始学习ext.

    我这里用的是ext3.0,eclipse3.5。

    每次都要去查API,很烦,所以装个EXT提示的插件对初学者来说有很大的帮助。

    假设你已经下载了ext3.0和spket的源码。

    注意,官方的ext3.0里面没有提供ext.jsb文件.得自己另外去网上下载一个,这里我把下载到的ext.jsb文件放在ext-3.0.0的根目录下。

    一、

    以Eclipse插件形式安装

    启动ECLIPSE Help → Software Updates → Find and Install… → Search for new features to install → New remote site…

    名称: “Spket”,地址URL是http://www.spket.com/update/

    完成后重启(自动会加载插件,也可CMD ECLIPSE目录 使用命令 eclipse -clean 重新编译)

    Window → Preferences → Spket → JavaScript Profiles → New ;

    输入“ExtJS”点击OK;

    选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;

    选择 “ExtJS”并点击“Add File”,然后在你的./ext-3.0.0目录中选取“ext.jsb” 文件,注意一定也要把ext-all.js和ext-all-debug.js这两个JS文件选择进来,不然即使配了也不会有提示,我开始就是没有把这二个JS加进来。

    选择你想加载的插件,这里我们选择ExtJS.

    设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;

    JS打开方式为 Window → Preferences → General→ Editors→ File…

    选择JS 或者新创建 设置默认打开方式 为 Spket JavaScript Editor(default) (把spket设为js默认的编辑器)

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    二.安装Spket

    第一种方法:网上更新方式

    1.插件首页:http://www.spket.com

    2.插件名称:Spket IDE

    3.更新连接(Update Site):http://www.spket.com/update/

    更新安装方法:

    1.[Help]-[Software Updates]-[Find and Install...]

    2.[Search for new features to install] -> [Next]

    3.[New Remote Site...] Name: "什么都行,spketjs" URL: http://www.spket.com/update/--> [Finish]

    第二种方法:网上下载spket-1.6.16.jar破解版(目前最新版本)

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    1.如果你的JDK在1.6以上,可以直接双击spket-1.6.16.jar运行安装。

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    其它,使用命令行方式。(注意:自己切换命令行到spket-1.6.16.jar所在目录)

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    2.

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客 

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    至此,安装完成。

    二、配置Spket

    注意:如果在安装spket过程中,你的eclipse或者Myeclipse是打开的,请重启eclipse或者Myeclipse。以便初始化插件,下面才会在Preferences中看到 Spket选项。

    基本步骤如下:

    1)Window → Preferences → Spket ;

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    2)Spket → JavaScript Profiles → New, 输入“ExtJS”点击OK;

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    3)选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    4)选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件;

     eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    5)设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    下面这个操作,根据自己需要设置(可以全选)。

     eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    把ext.jsb和ext-all.js以及ext-all-dubeg.js三个一起加上才行。

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    6)重启eclipse或者Myeclipse;

    7)创建新的JS文件并输入: Ext这样就可设置Ext Code代码自动完成的功能。

    效果如下:

    eclipse下安装Extjs的插件spket - xiehx163 - xiehx163的博客

    更多0
  • 相关阅读:
    ExtJs gridPanel Column 时间格式化
    Asp.Net MVC结合ExtJs gridPanel 分页和高度自适应
    iOS组件化思路-大神博客研读和思考
    怎么面试架构师
    iOS应用架构谈 本地持久化方案及动态部署
    iOS应用架构谈 网络层设计方案
    iOS应用架构谈 view层的组织和调用方案
    iOS应用架构谈 开篇
    隐藏TabBar是个累人的活
    App升级时数据库的迁移更新
  • 原文地址:https://www.cnblogs.com/zhwl/p/3813465.html
Copyright © 2020-2023  润新知