1,Eclipse安装 spket 插件。(两种方式):
在线安装:Help->Install New Software...->Add...->Name: "Spket", Location:http://www.spket.com/update/ 下载完毕重启 Eclipse 。
手动安装:到http://www.spket.com/download.html下载 Plugin 版本,当前版本为1.6.17。下载解压后直接放置于Eclipse的dropins目录下,重启Eclipse。
2,下载jQuery文件,(要下载开发版本)。
3,设置spket。
Window -> Preferences -> Spket -> JavaScript Profiles -> New ; 输入“jQuery”点击OK; 选择“jQuery” 并点击“Add Library”然后在下拉条中选取“jQuery”; 选择 “jQuery”并点击“Add File”,然后选中你下载的jQuery.js 文件;设成Default;
4,设置js打开方式。
Window -> Preferences ->General-> Editors-> File Associations-> 选择*.js将 Spket JavaScript Editor设为Default。
5,新建一个js文件,jQuery 自动提示!!
安装Spket图解:
第一种方法:网上更新方式
1.插件首页:http://www.spket.com
2.插件名称:Spket IDE
3.更新连接(Update Site):http://www.spket.com/update/
更新安装方法:
1.[Help]-[Software Updates]-[Find and Install...]
2.[Search for new features to install] -> [Next]
3.[New Remote Site...] Name: "什么都行,spketjs" URL:http://www.spket.com/update/--> [Finish]
第二种方法:网上下载spket-1.6.16.jar破解版(目前最新版本)
1.如果你的JDK在1.6以上,可以直接双击spket-1.6.16.jar运行安装。
其它,使用命令行方式。(注意:自己切换命令行到spket-1.6.16.jar所在目录)
2.
至此,安装完成。
二、配置Spket
注意:如果在安装spket过程中,你的eclipse或者Myeclipse是打开的,请重启eclipse或者Myeclipse。以便初始化插件,下面才会在Preferences中看到 Spket选项。
基本步骤如下:
1)Window → Preferences → Spket ;
2)Spket → JavaScript Profiles → New, 输入“ExtJS”点击OK;
3)选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;
4)选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件;
5)设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;
下面这个操作,根据自己需要设置(可以全选)。
6)重启eclipse或者Myeclipse;
7)创建新的JS文件并输入: Ext这样就可设置Ext Code代码自动完成的功能。
效果如下:
分享到:
相关推荐
### Eclipse支持jQuery自动提示 #### 一、简介 在Web前端开发中,使用Eclipse作为集成开发环境(IDE)能够极大地提高工作效率。特别是在处理复杂的JavaScript代码时,利用Eclipse提供的插件可以实现对jQuery等库的...
**jQuery自动提示插件在Eclipse中的安装与使用** 在Web开发中,jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。为了提高开发效率,开发者通常会使用集成开发环境...
标题“eclipse上支持jquery插件”所指的就是这种能够为Eclipse添加jQuery智能提示和代码辅助功能的扩展。这样的插件使得开发者在编写jQuery代码时,可以享受到如同使用Java或其他语言一样的代码补全、错误检查和调试...
例如,当你在Eclipse中编写jQuery代码时,Spket会自动提供$.fn、$.ajax等方法的补全,以及各种选择器和事件的智能提示,使编程过程更为流畅。 安装Spket插件非常简单,你可以在Eclipse的"Help"菜单中选择"Install ...
eclipse和 dreameaver实现jquery自动提示(含安装步骤) eclipse和 dreameaver实现jquery自动提示(含安装步骤) eclipse和 dreameaver实现jquery自动提示(含安装步骤)
在Eclipse中开发基于JQuery的Web应用,需要一个良好的开发环境支持,以提高编码效率和代码质量。Eclipse作为一款强大的Java集成开发环境,同样可以扩展用于JavaScript和JQuery的开发。本文将详细介绍如何在Eclipse中...
Eclipse作为一款强大的Java集成开发环境,虽然默认不支持jQuery的代码提示,但通过安装插件可以实现这一功能。以下是详细步骤: 首先,我们需要安装SPket插件。SPket是一款为Eclipse提供JavaScript和Ajax开发支持的...
安装完成后,当你在Eclipse中编写JavaScript文件时,输入jQuery相关的函数或方法,将会自动出现智能提示,帮助你快速完成代码。这些提示包括函数参数、返回值、描述等信息,有助于减少语法错误和提高编码速度。 在...
一旦安装成功,Spket会自动为Eclipse添加对JavaScript和jQuery的支持。在编写代码时,你将享受到以下功能: - **代码提示**:当你键入JavaScript或jQuery代码时,Spket会提供自动补全建议,包括函数、方法、属性和...
本文将详细介绍如何在Eclipse中安装支持jQuery智能提示的插件。 首先,有三种常见的Eclipse插件可以提供jQuery的智能提示功能:jQueryWTP、Spket和Aptana。在安装这些插件之前,确保你已正确安装了Eclipse。如果你...
当你输入"$("时,Eclipse会自动提示jQuery的选择器,输入". "或"# "后,还会进一步提供类名和ID的提示。此外,编写jQuery函数和方法时,Spket也会提供智能补全功能,帮助你快速完成代码。 例如,你想要创建一个简单...
本篇文章将聚焦于如何在Eclipse中安装JS插件——Spket,特别强调它对Ext库以及jQuery的支持,包括代码提示和格式化功能。 首先,我们需要了解Spket插件。Spket是一款强大的JavaScript IDE增强工具,它可以为Eclipse...
- `Ctrl+Space`:自动完成,当输入代码时提供智能提示。 - `Ctrl+Shift+T`:打开类型,快速查找并打开类文件。 - `F3`:跳转到声明处,查看变量或方法的定义。 - `Ctrl+O`:显示大纲,快速定位类中的成员。 - `...
**Eclipse JS代码自动提示插件 - Spket 1.6.23** Eclipse作为一款强大的集成开发环境(IDE),对于JavaScript开发同样提供了广泛的支持。然而,为了提升开发效率和编写代码的准确性,开发者们常常会寻找能够提供...
然而,Eclipse本身并不直接支持jQuery的代码提示和自动完成,这就需要用到插件——Spket。 **Spket简介** Spket是一款强大的JavaScript IDE插件,它为Eclipse提供了对各种JavaScript库(包括jQuery)的支持,如...
例如,`Eclipse支持HTML&JS&ExtJS&jQuery代码智能提示.docx`可能包含有关如何启用和利用这些智能提示的详细指南。 2. **JavaScript 插件**:JavaScript是Web开发的核心,用于实现页面的动态行为。Eclipse的...
Spket 是一款强大的JavaScript开发工具,它为Eclipse IDE提供了丰富的支持,包括代码自动完成、语法高亮、错误检查以及格式化等功能。Spket插件使得在Eclipse中进行JavaScript开发变得更加高效和便捷。在本文中,...
1. **HTML和JS支持**:jQuery WTP增强了Eclipse对HTML和JavaScript文件的编辑能力,提供自动完成和错误检查。 2. **JSDT集成**:与JavaScript Development Toolkit (JSDT)集成,为jQuery开发提供更全面的工具集。 3....
Spket是一款强大的JavaScript IDE插件,它提供了代码自动完成、语法高亮、错误检查等功能,特别适用于开发JQuery、Dojo、YUI等流行的JavaScript框架。对于MyEclipse用户来说,安装Spket可以极大地提升开发JavaScript...
例如,对于jQuery,你可以将"jquery-1.3.2-jsdoc-Spket-profile.js"文件关联到jQuery库,使得在编写使用jQuery的代码时,Eclipse能够自动提示jQuery的方法和属性。 此外,"readME.txt"文件通常包含了安装和使用指南...