Eclipse JavaScript Editor:内容辅助js文件,自动完成

我正在尝试Eclipse(JavaEE和Web开发插件)作为JavaEE / GoogleAppEngine IDE。 在HTML编辑器中,如果我在<head>放置了一个<script ... src="..." /> ,那么我将自动获取引用文件中JavaScript的内容。 我想知道是否有可能在JavaScript编辑器内获得其他JavaScript文件(例如jQuery或homebrew js库)的内容帮助。

我只是想出了如何在Eclipse的JavaScript编辑器 (没有Aptana插件)获得js内容的协助:

如果项目types本身不包含JavaScript支持:打开Web(或JavaScript)透视图,请右键单击项目,然后selectWeb开发支持 > 添加JavaScript支持 (如果已经存在JavaScript支持 ,这将不会受到影响)

然后在项目中右键单击JavaScript支持 ,然后select属性 ,在JavaScript部分中转到JavaScript库,然后select源选项卡:在这里您可以添加要通过当前项目的内容辅助进行扫描的文件夹和文件


Aptana Studio中 (作为一个eclipse插件,但是我认为独立版本几乎是一样的):打开任何js或者html文件,显示References窗口(或者在eclipse中打开Aptana透视图)并拖放要添加到JavaScript的js文件(可以使用不同的JavaScript文件和资源构build和激活不同的示波器configuration文件:只需在窗口工具栏中单击添加configuration文件即可

imo, Aptana是js编辑最好的eclipse插件。 它包括支持许多主要的图书馆,如jQuery,yui,dojo等。

Spket ,但是也是不错的。 虽然主要是如果你做Firefox的扩展开发(虽然有点过时了)

内置的JS编辑器是可怕的。 它声称即使没有明显的错误,也存在着错误。

对于Aptana Studio 3 🙁 Eclipsetesting插件)

find您感兴趣的库…将其保存到磁盘,然后将其拖到您的项目中。 无论在哪个项目中,都可以创build一个新的文件夹,如果你愿意的话。

该项目必须是某种types的Web项目:Web,PHP,Python,Ruby,Rails。

http://wiki.appcelerator.org/display/tis/Using+JavaScript+Libraries

对于Eclipse Juno 4.2和Aptana Studio 3和JQuery(jquery-1.7.2.js)

我得到了这个工作和upvoted magjis答案上面的一个警告。

将缩小的JQuery库按上面的magjis放到现有项目的子文件夹中对我来说不起作用。 它创build一个新的项目,并使用未压缩的库后为我工作。

SO和其他地方有几十个过时的文章引用了不推荐的Aptana对话框,并提供了与当前Eclipse版本不相关的信息。 我所知道的是,对于Eclipse Juno 4.2,Aptana 3和JQuery 1.7.2,这是什么工作(至less对我而言):

确保安装了Aptana插件并处于Web透视图中。 这就是Aptana Studio的观点所在……如果他们把它命名为“Aptana”这个词,它就不那么容易混淆了。

确保您的默认编辑器是“JavaScript源代码编辑器”。 在窗口 – >首选项 – >常规 – >编辑 – >文件关联中select,并在列表中select.js扩展名。 下面的列表框中有多个选项。 使用任何其他编辑器甚至没有给我代码着色…这是我可以得到代码协助工作的唯一一个。

在遵循magjis的build议之前,我是这样做的,所以我不知道是否有必要。 但我安装了如下的JQuery卢布: http : //wiki.appcelerator.org/display/tis/JavaScript+Library+Support#JavaScriptLibrarySupport-jQuery%28

然后,为了阐述上面的magjis的答案:创build一个新的项目,并通过将jquery-1.7.2.js放到项目资源pipe理器中的项目中并select出现的对话框中的链接到文件选项来添加解压缩的JQuery库。 我链接到项目根目录下的js文件夹中的jquery-1.7.2.js,这个库通常是在那里。 将jquery1.4.2.sdocml放入项目中,并select复制或链接到该文件。 我将该文件复制到项目的根目录中。

如果我可以做进一步的评论,回想起来,我希望两个月前放弃了Eclipse,并坚持使用Notepad ++,或者花时间寻找更精简,更快,更稳定的PHP / JS / HTML / CSS环境。

免责声明我是tern.java的作者。

我build议你安装tern.java ,它扩展了JSDT,以提高对许多现代JavaScript框架(jQuery,jQuery UI,jQuery Mobile,YUI,Dojo,Cordova等)的JavaScript支持(完成,hover,超链接,validation)。 tern模块的完整列表

我尝试了许多build议并失败了。 关于放弃我碰到这个:

  1. 从Eclipse市场searchJSDT jQuery并安装。 我find了JSDT jQuery 1.5.0。
  2. 右键单击你的项目并configuration构buildpath(我知道我希望它也是工作区级别)。
  3. 转到JavaScript>包含path,然后点击添加JavaScript库…
  4. selectjQuery。 这是v1.8的支持。 我看了看,却找不到更新的东西。
  5. 重新启动Eclipse和中提琴。

最后,对吗?

为Aptana Studio 3.2启用Javascriptvalidation:

  1. 窗口 – >首选项 – >validation
  2. selectJavascript并启用jslint
  3. 项目 – >属性 – >项目属性
  4. selectnetworking(和其他任何你想要的)
  5. 窗口 – >显示视图 – >问题
  6. 保存你的文件,问题应该填满警告
  1. 右键单击您的项目,然后select属性。
  2. 展开Javascript – >包含path。
  3. 在库选项卡中,单击“添加Javascript库”。
  4. select“用户库” – >“configuration用户库”。
  5. 添加所需的所有.js文件,单击确定,然后等待项目构build完成。
  6. 编辑自己的.js文件时,您应该从您添加的所有库文件完成代码。

将.js库添加到您的项目中

对于最近的Eclipse版本(比如我的Indigo SR2),需要做两件事才能在GAE项目中获得jQuery的代码帮助。

  1. 通过以下方式将项目configuration为JavaScript项目:右键单击项目 – >configuration(右上方的属性) – >转换为JavaScript项目

  2. 正如巴特沃斯先生和jQuery自动完成所说的那样,安装JSDT jQuery插件并将jQuery添加到项目的JavaScript资源

对于最新的Eclipse Kepler Release,还有另外一个选项可以考虑哪个是VJET JavaScrip IDE 。 最初在eBay开发,最近为Eclipse基金会做出了贡献。 它仍处于孵化阶段,但可以从夜间更新站点安装。 初始function在“VJET:JavaScript Toolkit”提案中进行了描述。 它提供了各种JS库的JavaScript编辑器的内容帮助,例如:

  • Node.js的
  • jQuery的
  • 道场
  • JSON
  • 帆布

通过VJET ANVILs项目导入工作区。

作为对其他答案的补充,我强烈build议安装Eclipse JSHint插件 。 您可以通过项目首选项来configuration它,它的作用就像一个魅力。 它在JavaScript编辑器中显示额外的警告。

我也build议在你的函数上面写jsDoc,因为这样可以帮助Eclipse( @memberOf ,你可以使用Ctrl + O来导航)。

您也可以移动到TypeScript,因为现在Eclipse支持已经成熟(2015),键入TypeScript并且IDE可以获得好处(自动完成像Palantir一样起到一种魅力的作用)。

    Interesting Posts