MyEclipse 10.5与ExtJS 4.1.1自动代码提示

简介: 先去http://www.agpad.com/downloads/spket-1.6.23.jar下载最新版的spket的安装包 假设是放在d盘 同样假设你的Myeclipse是最新版的10.

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

 

相关文章
|
JavaScript 前端开发
MyEclipse安装JS代码提示(Spket插件)
近期需要大量使用JS来开发,但是MyEclipse2014自带的JS编辑器没有代码提示的功能,开发效率有点低,所以安装了一个Spket的插件,过程非常简单,SVN插件的安装比这个更简单。         Spket插件的安装:       首先下载插件:http://download.csdn.net/detail/u012909091/7335891              解压文件,然后将解压后的文件全部复制到MyEclipse安装目录下的dropins包中,重启MyEclipse。
876 0
|
6月前
|
存储 Java 关系型数据库
JSP考试质量分析系统myeclipse开发mysql数据库bs框架java编程web网页结构
JSP 考试质量分析系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语言开发,系统主要采用B/S模式开发。
184 1
|
6月前
|
Java 数据库连接 数据库
JSP奖学金管理系统myeclipse开发sqlserver数据库bs框架java编程jdbc
JSP 奖学金管理系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为SQLSERVER2008,使用java语言开发,系统主要采用B/S模式开发。
35 0
|
6月前
|
SQL Java 数据库连接
JSP商品进出库管理系统myeclipse开发sql数据库bs框架java编程jdbc
JSP 商品进出库管理系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为SQLSERVER2008,使用java语言开发,系统主要采用B/S模式开发。
51 0
|
6月前
|
Java 关系型数据库 MySQL
JSP学生交流论坛系统myeclipse开发mysql数据库bs框架java编程jdbc
JSP 学生交流论坛系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语,言开发系统主要采用B/S模式开发。 https://www.bilibili.com/video/BV1jB4y1q7Ut?spm_id_from=333.999.0.0
73 0
|
6月前
|
SQL Java 数据库连接
JSP网上相亲交友系统myeclipse开发sql数据库bs框架java编程jdbc
JSP 网上相亲交友系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为sqlserver2008,使用java语言开发,系统主要采用B/S模式开发。
70 0
|
6月前
|
Java 关系型数据库 MySQL
JSP考试报名管理系统myeclipse开发mysql数据库bs框架java编程web网页结构
二、功能介绍 (1)权限管理:对权限信息进行添加、删除、修改和查看 (2)用户管理:对用户信息进行添加、删除、修改和查看 (3)公告管理:对公告信息进行添加、删除、修改和查看 (4)考试科目管理:对考试科目信息进行添加、删除、修改和查看 (5)考试安排管理:对考试安排信息进行添加、删除、修改和查看 (6)报名管理:对报名信息进行添加、删除、修改和查看,审核, (7)用户登录、身份验证 三、注意事项 1、管理员账号:admin密码:admin 数据库配置文件DBO.java 角色:普通用户,管理员 2、开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql
108 0
|
6月前
|
Java 关系型数据库 MySQL
JSP在线客户服务支持管理系统myeclipse开发mysql数据库bs框架java编程jdbc
JSP 在线客户服务支持管理系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。
40 0
|
6月前
|
Java 关系型数据库 MySQL
JSP 科研管理系统myeclipse开发mysql数据库bs框架java编程jdbc
JSP 科研管理系统是一套完善的web设计系统,对理解JSP java编程开发语言有帮助,系统具有完整的源代码和数据库,开发环境为TOMCAT7.0,Myeclipse8.5开发,数据库为Mysql5.0,使用java语言开发。系统主要采用B/S模式开发。
36 0