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。
1008 0
|
JavaScript Android开发
Eclipse编写ExtJS卡死问题 eclise js验证取消
1. Eclipse编写ExtJS卡死问题 eclise js验证取消 近期项目用到了extjs,发现项目编译的时候特别的卡,浪费很多时间而且保存的时候还要编译,因此打算看下如何取消验证extjs.最终发现是.project文件配置决定是否验证的。
923 0
|
Java Maven Android开发
在Eclipse里配置Maven插件
Maven是一款比较常用的Java开发拓展包,它相当于一个全自动jar包管理器,会导入用户开发时需要使用的相应jar包。使用Maven开发Java程序,可以极大提升开发者的开发效率。下面我就跟大家介绍一下如何在Eclipse里安装和配置Maven插件。
555 0
|
XML Java Maven
eclipse 、idea 安装activiti插件
eclipse 、idea 安装activiti插件
735 0
|
Java Android开发
eclipse安装SpringBoot插件的无敌办法
eclipse安装SpringBoot插件的无敌办法
670 0
|
Java Android开发 Spring
在 Eclipse 中安装 SpringTools 插件
在 Eclipse 中安装 SpringTools 插件
576 0
|
XML Java 应用服务中间件
Eclipse插件下载地址汇总
Eclipse插件下载地址汇总
805 0
|
存储 Android开发
Eclipse安装Flowable Eclipse Designer插件实现图形建模BPMN 2.0流程图
Eclipse安装Flowable Eclipse Designer插件实现图形建模BPMN 2.0流程图
946 0

热门文章

最新文章