zoukankan      html  css  js  c++  java
  • MyEclipse 10.5与ExtJS 4.1.1自动代码提示

    先去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自动代码提示


    选择MyEclipseConfiguration 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 localFolder,在本地选择你解压后的spket文件夹,选到spket.1.6.23这一层即可,如下图:

    [转载]MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示


    然后点击ok.

     

    [转载]MyEclipse <wbr>10.5与ExtJS <wbr>4.1.1自动代码提示



     

    只选择前两项即可,右击spketIDE选择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 > JavaScriptProfile,会出现如下界面

    [转载]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 javascriptEditor,在js里按alt+/,试试看吧!

     

    注意:如果您的openwith 下没有spket javascriptEditor,那么你需要去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自动代码提示

    右键OpenWith->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
  • 相关阅读:
    WEB前端第四十四课——jQuery框架(二)常用方法
    WEB前端第四十三课——jQuery框架(一)$()函数、添加事件监听
    WEB前端第四十二课——应用案例-瀑布流、递归、代理
    WEB前端第四十一课——简单算法与解析indexof、hash、冒泡排序、递归、JSON
    WEB前端第四十课——正则表达式-RegExp、高级
    WEB前端第三十九课——HTML正则表达式-基础、修饰符、检索模式
    SITE STRUCTURE
    CSS GRID ESSENTIALS
    CSS TYPOGRAPHY
    CSS COLOR
  • 原文地址:https://www.cnblogs.com/tgxblue/p/4217329.html
Copyright © 2011-2022 走看看