MyEclipse 10.5与ExtJS 4.1.1自动代码提示

  1. 云栖社区>
  2. 博客>
  3. 正文

MyEclipse 10.5与ExtJS 4.1.1自动代码提示

聚优云惠 2014-02-24 15:08:35 浏览245
展开阅读全文

先去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


本文章所有的资源的地址是:http://dl.vmall.com/c0j3sz3tty

本帖系原创,转载请声明出处:http://blog.sina.com.cn/s/blog_afaffa710101786m.html

 

网友评论

登录后评论
0/500
评论
聚优云惠
+ 关注