Eclipse开发JQuery环境配置

一.在MyEclipse中用JQuery框架进行JS开发,首先必须安装JavaScript编辑器,JS编辑器包括JSDT,JSEclipse,Spket.

    1.JSDT

       JSDT是WPT自带的插件,只要装了WTP就不用单独安装JSDT了。也可以从这里了解JSDT的一些信息: 

       http://wiki.eclipse.org/index.php/ATF/JSDT

     2.JSEclipse     

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

        装JSEclipse:

        MyEclipse中:help-SoftWare Updates-Find and Install....

 

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

        Workspace中目录:

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

       下面。然后重新启动Eclipse就可以了。(self:好像没怎么弄清楚)

        Ext_JSEclipse.zip,下载该包

      3.Spket

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

         http://www.cnblogs.com/sayo/archive/2008/10/20/1315528.html

         安装完后进行ExtJs设置:

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

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

       4.现在就可以进行JQuery安装配置了

          从JQuery.com下载开发用的Javascript文件,一定要选择Development进行下载,得到文件jquery-1.3.2.js.进行配置:

         

         

        

1) 从window->Preferences...进去

2) 如上图选择Spket -> Javascript Profiles

3) 点击New...输入JQuery建立新的profile

4) 点击Add Library,并选择JQuery,建立新的Library

5) 点击Add File, 选择刚下载的JQuery文件

6) 如果想让JQuery成为缺省的Javascript Profile,则点击Default。如果想跟我一样想让ExtJs成为缺省,而在特定项目中使用JQuery,则进行下面的步骤

   

5.Project特定Javascript 选项。

从上图右上角选择 “Configure Project Specific Settings...”进行设置,在弹出对话框中选择项目名称,然后会弹出对话框,进行选择设置:

点选JQuery并使其成为Default即可。这时只有在这个项目中才使用JQuery为缺省Profile。

然后新建Js文件,就可以使用JQuery的代码提示功能了.

 

相关链接:1,2


你可能感兴趣的:(Eclipse开发JQuery环境配置)