博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
开发extjs常用的插件
阅读量:4519 次
发布时间:2019-06-08

本文共 1250 字,大约阅读时间需要 4 分钟。

Spket是目前支持Ext 2.0最为出色的IDE。 它采用.jsb project file 文件并将继承于基类和所有文档的内容嵌入到生成代码提示的Script doc中。注:不支持配置项的代码提示。

一、Spket Eclipse插件与IDE

    Spket提供了Eclipse插件和独立的IDE环境来支持ExtJs开发,下载地址:,在下载页面找到如下图所示的地方。

    Plugin是将Spket直接配置为Eclipse插件进行使用,而Spket IDE可以安装为独立的开发环境进行使用,同样也可以在安装时将其作为Eclipse插件进行安装,这里我们选择配置的方式,点击链 接下载得到spket-1.6.16.zip,将其解压在某个目录(本例为D盘根目录下并重命名为spket),然后在Eclipse安装目录下的 links目录中新建一个spket.link文件,并添加如下内容:path=D\:\\spket,启动Eclipse,在Window → Preferences中可以找到Spket,如图所示。

 

在Eclipse中配置Spket支持ExtJs代码提示功能的基本步骤如下:

 

  1. Window → Preferences → Spket → JavaScript Profiles → New ;
  2. 输入“ExtJS”点击OK;
  3. 选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;
  4. 选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件;
  5. 设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;
  6. 重启Eclipse;

配置成功如图所示。

 

创建新的JS文件并输入: Ext这样就可设置Ext Code代码自动完成的功能,如图所示:

二、Spket Dreamweaver插件

    对于Dreamweaver有两种可用的插件(Dreamweaver 2004或新版)和(Dreamweaver CS3)。

可以在下载得到。最新版本为, 下载后的文件为spketdwcs-ext-2.1.mxp(需要安装Adobe Extension Manager,使用Extjs2.1以上版本需要Dreamweaver CS3),直接双击即可完成安装,启动Dreamweaver,在编辑ExtJs时就会有代码提示功能了。
Code hints for Ext configuraton parameters:
Code hints for Ext Class:
Code hints for variable which type is an Ext Class:

 

注:Deamwear插件支持配置项的代码提示

更多信息可以从获得,这里不再累述。

转载于:https://www.cnblogs.com/zhwl/p/3813475.html

你可能感兴趣的文章
CDOJ_844 程序设计竞赛
查看>>
003_代码发布系统实现
查看>>
手机中文字两端对齐
查看>>
Java开发设计——UML类图
查看>>
php sprintf 详解
查看>>
HUE 忘记密码
查看>>
Eclipse 调试总进入Spring代理的解决办法
查看>>
【转载】Java的内存泄露
查看>>
singleton 单例模式
查看>>
JS实现图片''推拉门''效果
查看>>
PrintWriter类
查看>>
SpringMVC关于Date类型的时间根据格式显示页面上
查看>>
sql 将查询结果为多行一列合并为一行一列
查看>>
Error: couldn't connect to server 127.0.0.1:27017 src/mongo/shell/mongo.js:91
查看>>
poj 1704 阶梯博弈
查看>>
Sharepoint 2013 开启App和配置App
查看>>
2018ICPC区域赛总结
查看>>
解决Sublime There are no packages available for installation问题
查看>>
nginx反向代理 强制https请求 + 非root用户起80,443端口
查看>>
软件工程网络15个人阅读作业1(201521123049 杨泽斌)
查看>>