Eclipse开发Javascript环境配置(含EXTJs配置) 转载

 
有三种Javascript编辑器可供选择:

1. JSDT

2. JSEclipse

3. Spket

分别介绍这三种插件的安装:

1. JSDT 是WPT自带的插件

Eclipse开发Javascript环境配置(含EXTJs配置) 转载_第1张图片

只要装了WTP就不用单独安装JSDT了。也可以从这里了解JSDT的一些信息:http://wiki.eclipse.org/index.php/ATF/JSDT

2. JSEclipse

可以通过Eclipse自动更新功能从 http://download.macromedia.com/pub/labs/jseclipse/autoinstall 安装JSEclipse:

Eclipse开发Javascript环境配置(含EXTJs配置) 转载_第2张图片

如上图所示,安装打勾的JEclipse插件即可。

JEclipse是Javascript的编辑器,要想使用ExtJs,还需要下载这个文件,把所有xml文件解压缩到你的Eclipse Workspace中目录:

EclipseWorkspace\.metadata\.plugins\com.interaktonline.jseclipse\user_library

下面。然后重新启动Eclipse就可以了。

Ext_JSEclipse.zip

3. Spket

通过Eclipse自动更新从 http://www.spket.com/update/ 安装插件:

Eclipse开发Javascript环境配置(含EXTJs配置) 转载_第3张图片

安装完后进行ExtJs设置:

Eclipse开发Javascript环境配置(含EXTJs配置) 转载_第4张图片

如上图是设置好的样子:

Window → Preferences → Spket → JavaScript Profiles → New ,在弹出对话框命名:ExtJs,点击OK。然后选择ExtJs点Add Library,把你下载的ext包中找到/source/ext.jsb加载进来。最后先选中ExtJs点击右边的default按钮,使其成为缺省项。这样就行了。

经过上述安装设置,现在打开一个JS文件可以有多种方式了:

Eclipse开发Javascript环境配置(含EXTJs配置) 转载_第5张图片

个人感觉JSEclilpse比较好用。

附录:Spket的详细安装步骤

一、Spket的安装

1、Plugin:

最低要求: eclipse平台运行时3.2.x
文件为: spket-1.6.4.1.zip(解压后按照标准的插件安装方法安装即可);
2、Spket IDE:
最低要求:你需要java 1.5或更高版本运行安装程序,可独立使用(不用装Eclipse)
文件为:spket-1.6.4.1.jar
安装步骤:1、打开cmd,2、在spket-1.6.4.1.jar文件目录下输入java -jar spket-1.6.4.1.jar

3、借助Eclipse的Software Update安装:

1、选择Help -> Software Updates -> Find and Install…-> Search for new features to install ->New remote site…


在弹出窗体的Location编辑框中输入

Name: “Spket”, Url: “http://www.spket.com/update/”

点击[OK]按钮,Eclipse将到该网址查找最新版本(1.6.15)进行安装,下载完毕重启 Eclipse。

二、在Eclipse中使用Spket

安装完后你去试,发现没有用,其实还有一些配置操作如下:

1、执行这个操作:在Eclipse中依次选择:Window → Preferences → Spket → JavaScript Profiles → New

2、在弹出框中输入ExtJs(名字随便起),然后点OK;

3、然后选中ExtJs点Add Library,选择ExtJS后点击OK;

4、然后选中ExtJS(二级节点)后,选择Add File在你下载的ext2.x包中找到/source/ext.jsb加载进来;

5、然后先中ExtJs(根节点)点击右边的default按钮,然后点击确定就搞定了。

7、你现在有eclipse中建立一个JS用Ext.就会出现提示咯!!!

附录2:eclipse-ExtJs插件的另一种安装方法:

eclipse-ExtJs插件
应该是目前写js和ExtJs最好的工具。


下载Spket IDE工具 http://spket.com/download.html
下载Ext 3.0.0 SDK. http://extjs.com/products/extjs/download.php?dl=extjs3
下载Ext 3.0.0的ext.jsb2文件 http://extjs.com/forum/showthread.php?p=354473  


说明:

1,先用CMD进入JDK的BIN目录下,执行:java -jar spket-1.6.17.jar(路径根据实际情况有所变化),选择安装到myeclipse\eclipse目录(也视实际情况而定),spket目录默认为:c:\spket)

2,完成后重启(自动会加载插件,也可CMD ECLIPSE目录 使用命令 eclipse -clean 重新编译)

3,Window → Preferences → Spket → JavaScript Profiles → New ;
输入“ExtJS”点击OK;
选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;
选择 “ExtJS”并点击“Add File”,然后在你的./ext-3.x/根目录中选取“ext.jsb2” [...]


原文链接: http://blog.csdn.net/weiyirong/article/details/6709921

你可能感兴趣的:(Eclipse开发Javascript环境配置(含EXTJs配置) 转载)