Eclipse与ExtJS 4.1.1自动代码提示

以下转载自:http://blog.sina.com.cn/s/blog_87119ac601012g5t.html


先去http://www.agpad.com/downloads/spket-1.6.23.jar下载最新版的spket的安装包

假设是放在d

同样假设你的Myeclipse是最新版的10.5

开始->cmd->d:->java –jar spket-1.6.23.jar

就会打开一个安装界面

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示 


如果你现在的myeclipse是启动的,那么将它关闭,重启,以便对其初始化

刚启动的时候有点慢,我的等了有3分钟

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示 

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示


这是一种方式,还有一种方式

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示


选择MyEclipse Configuration Center


MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

在弹出窗里,选择Add from local Folder,在本地选择你解压后的spket文件夹,选到spket.1.6.23这一层即可,如下图:

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示


然后点击ok.

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示



只选择前两项即可,右击spket IDE选择add profile,t同理选择Spket Text Editor.当这两项添加完以后会在pending changes 选项里提示有2个项目需要change.

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

那么点击运行即可

1.重启Myeclipse,在菜单栏进行Window > Preferences. 会在右侧出现spket的选项

2.选择 Spket > JavaScript Profile,会出现如下界面

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示


6.点击new,输入名称Ext4作为新文件的名字

7.选中Ext4,点击右侧的按钮add library在下拉列表里选中ExtJs

8.选中ExtJs,点击右侧按钮add file,在下载的ExtJs包里的build文件夹中找到sdk.jsb3导入

9.选中Ext4,点击右侧的default按钮,接下来点击ok,那么spket就配置成功了,怎么样很简单吧?

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

接下来在项目里新建一个js文件,右击js文件,选择open with > spket javascript Editor,在js里按alt+/,试试看吧!

注意:如果您的open with 下没有spket javascript Editor,那么你需要去Window > Preferences下的窗口给*.js添加默认编辑器spket javascript Editor。如图

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

新建一个js文件

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

右键Open With->Spket JavaScript Editor

然后,按 alt+/ 试一下,是不是已经出提示了?

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

好了,不管用哪种方法,我们终于都弄完了,是不是大功告成了呢?

如果你写Ext.onReady都不出提示,肿么个情况?

别着急

假设你用的是Ext4.1.1,那么你

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

仔细看看会发现里面很多的错误,(真心鄙视一下Ext的开发人员,都不知道他们肿么心思的)

比如说

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

这个文件正是我们需要智能提示的清单文件,这个错了,能出提示才见鬼呢

在这里我们就不讲如何改jsb3文件了,我直接发给大家一个,你们注意将他放在从官网下载下来的,解压出来的ext的根目录,而不是我一开始说的那个build文件夹里,注意

或者,直接去 http://dl.vmall.com/c0v7pv4fvi ,下载我已经改好了jsb3文件的ext4.1.1的官方包,解压到本地路径下

ext的提示文件换成这个sdk.jsb3文件,所有勾都可以打上。然后打开一个新的JS文件,输入以下代码(为了试验代码是否有自动提示,建议手打)

输入E按一下alt+/就会出现Ext

你会发现Ext.onReady  Ext.create 都有提示了。而 Ext.data.Model 你可以先输入再加引号,那样也有提示了,顺带一提,属性名 field  extend 也是有提示的。如果你不确定自己输入的属性名对不对,可以在加了引号之后按住ctrl键鼠标移到最后一级名字那里看看(例如Ext.data.Model中的Model)看是不是变色并且有下划线了,如果有就代表有这个类。你也可以在按住ctrl的情况下按一下鼠标跳到这个类的js文件那里。

如果还是不好使,给我留言,详细说明一下

如果想让他自动出提示,则导入我写的all.epf文件

File->Import->General->

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示

All.epf文件是java代码和js代码都自动提示

如果不想java代码自动提示那么就导入JS.epf

如果不想js代码自动提示那么就导入Java.epf

如果都不想自动提示,那么,就导入None.epf

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值