设置myeclipse编写extjs4.2时有代码提示

阅读更多

网上关于myeclipse编写extjs有代码提示的文章不少,但是各种方法都不太一样,有些细节步骤描述不清楚,按照网上的步骤配完了也没有提示功能。这里我写一个已实现提示的配置步骤。总的来说就两步:1.安装spket插件、2.加载jsb文件。这些都来自spket官方。我的电脑环境为:windows7 64位、myeclipse-pro-2013-SR2a
一、安装spket插件
1.从这里http://www.spket.com/download.html下载Spket IDE,如下图:

设置myeclipse编写extjs4.2时有代码提示_第1张图片
 

2.安装java jdk 32位,注意,如果你是64位的操作系统也需要安装32位的jdk才行。
下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

设置myeclipse编写extjs4.2时有代码提示_第2张图片
 
安装java jdk的步骤就不细说了,一直下一步就搞定。

3.安装刚才下载的spket IDE,你应该不会忘记放哪了吧。

设置myeclipse编写extjs4.2时有代码提示_第3张图片
 
点击下一步后需要选择eclipse plugin这一项,并且指定你的myeclipse安装目录,我是默认安装的,所以路径为下图,如果你也是默认安装的却找不到AppData这个目录,那么你需要显示所有隐藏文件才行。

设置myeclipse编写extjs4.2时有代码提示_第4张图片
点击下一步后,你可以看到如下图,这个默认就好,继续下一步

设置myeclipse编写extjs4.2时有代码提示_第5张图片
 
 安装结束的界面如下图:

设置myeclipse编写extjs4.2时有代码提示_第6张图片
 
点击finish完成。
打开myeclipse,点击菜单Window--Preferences,看到spket设置项,就已经成功一半了。

设置myeclipse编写extjs4.2时有代码提示_第7张图片
 
二、加载配置文件
1.从spket官网下载jsb文件,我用的是extjs4.2版的,所以下载这个,你根据你的extjs版本下载相应的jsb文件吧

设置myeclipse编写extjs4.2时有代码提示_第8张图片
 点击之后如果是打开一个网页代码的话,就用另存为的方式保存,反正就是要把它存成一个jsb文件。
我是extjs4.2版的,下载下来就是这么个文件

2.打开myeclipse,还是那个地方,Window--Preferences
展开spket,点击javascript profiles

设置myeclipse编写extjs4.2时有代码提示_第9张图片
 
 点击右边的new,新建一个profile,命名为extjs4,这个无所谓取什么名字。

设置myeclipse编写extjs4.2时有代码提示_第10张图片
 
OK之后点击右边的Add Library,选择extjs,点击OK
设置myeclipse编写extjs4.2时有代码提示_第11张图片
 
将jsb文件放置到你已经有的extjs库文件的根目录,别说你没有下载extjs哦。
设置myeclipse编写extjs4.2时有代码提示_第12张图片
 
3.回到myeclipse,还是刚才的地方,点击Add File选择extjs根目录下的jsb文件,选完之后就像下面这样

设置myeclipse编写extjs4.2时有代码提示_第13张图片
 
最重要的一步,导致你无法提示的问题在这。点击extjs4,点击右边的Default

设置myeclipse编写extjs4.2时有代码提示_第14张图片
 
好了,设置结束,新建一个工程,新建一个js文件,右键用Spket Javascript Editor打开。

设置myeclipse编写extjs4.2时有代码提示_第15张图片
 
在onready方法里已经有提示了。

设置myeclipse编写extjs4.2时有代码提示_第16张图片
 
你可以把spket设置成默认的javascript编辑器,这个方法我就不重复了,网上都有。文章逻辑有点乱,希望能给你带来帮助。:)
  • 设置myeclipse编写extjs4.2时有代码提示_第17张图片
  • 大小: 57.9 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第18张图片
  • 大小: 108.4 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第19张图片
  • 大小: 44.7 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第20张图片
  • 大小: 42 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第21张图片
  • 大小: 52.3 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第22张图片
  • 大小: 38.7 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第23张图片
  • 大小: 71.2 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第24张图片
  • 大小: 69.2 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第25张图片
  • 大小: 3.2 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第26张图片
  • 大小: 68.3 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第27张图片
  • 大小: 73.8 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第28张图片
  • 大小: 81.7 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第29张图片
  • 大小: 94.7 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第30张图片
  • 大小: 73.6 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第31张图片
  • 大小: 76.3 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第32张图片
  • 大小: 76.5 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第33张图片
  • 大小: 124.7 KB
  • 设置myeclipse编写extjs4.2时有代码提示_第34张图片
  • 大小: 43 KB
  • 查看图片附件

你可能感兴趣的:(myeclipse,extjs,代码提示)