Eclipse JavaScript 编辑器：js 文件的内容辅助、自动完成

StackOverflow https://stackoverflow.com/questions/1006934

题

我正在尝试将 Eclipse（带有 JavaEE 和 Web 开发插件）作为 JavaEE/GoogleAppEngine IDE。在 HTML 编辑器中，如果我输入 <script ... src="..." /> 在 <head> 我会自动在引用的文件中获取 JavaScript 的内容帮助。我想知道是否可以获得其他 JavaScript 文件的内容帮助（例如JavaScript 编辑器内的 jQuery 或自制 js 库）。

有帮助吗？

解决方案

我刚刚想出如何在 Eclipse JavaScript编辑器（没有Aptana插件）中获取js内容辅助：

如果项目类型本身不包含JavaScript支持：打开Web（或JavaScript）透视图，右键单击项目并选择 Web Development Support <！> gt; 添加JavaScript支持（如果已经存在JavaScript支持，这不会有害）

然后右键单击项目中的 JavaScript支持并选择 Properties ，在JavaScript部分转到JavaScript库，然后选择Source选项卡：在这里您可以添加文件夹和要通过当前项目的内容辅助扫描的文件

在 Aptana Studio （作为eclipse插件但我认为独立版本几乎相同）：打开任何js或html文件，显示 References 窗口（或打开）您希望添加到JavaScript范围的Aptana透视图和拖放js文件（可以使用不同的JavaScript文件和资源构建和激活不同的范围配置文件：只需在窗口中单击添加配置文件工具栏）

其他提示

imo， Aptana 是js编辑的最佳eclipse插件。它包括对许多主要库的支持，如jQuery，yui，dojo等。

Spket ，但也很好。虽然主要是你做firefox扩展开发（尽管有点过时）

内置的js编辑器非常糟糕。它声称即使显然没有错误，也会在整个地方出现错误。

对于Aptana Studio 3 :(经过Eclipse测试的插件）

找到您感兴趣的库...将其保存到您的磁盘，然后将其拖到您的项目中。它在项目所在的位置并不重要，因此如果您愿意，可以为这样的文件创建一个新文件夹。

<强> !!该项目必须是某种类型的Web项目：Web，PHP，Python，Ruby，Rails。

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

Eclipse Juno 4.2和Aptana Studio 3和JQuery（jquery-1.7.2.js）

我确实得到了这个工作，并在上面提出了一个警告。

根据上面的magjis将缩小的JQuery库放入现有项目的子文件夹中对我不起作用。在创建新项目并使用未压缩的库之后，它确实对我有用。

在SO和其他地方有数十篇过时的帖子引用了已弃用的Aptana对话框，并提供了与当前Eclipse版本无关的信息。我所知道的是，对于Eclipse Juno 4.2，Aptana 3和JQuery 1.7.2，这是有效的（对我来说，至少）：

确保安装了Aptana插件，并且处于Web透视图中。这就是Aptana Studio的视角......如果他们将其命名为“Aptana”这个词，那就不那么容易混淆了。

确保您的默认编辑器是“JavaScript源编辑器”。在Window中设置 - <！> gt;偏好 - <！> gt;一般 - <！> gt;编辑 - <！> gt;文件关联并在列表中选择.js扩展名。下面的列表框中有多个选项。使用任何其他编辑器甚至没有给我代码着色...这是我唯一可以获得代码帮助的代码。

我在按照上面的magjis建议之前做了这个，所以我不知道是否有必要。但我安装了JQuery卢布如下： http://wiki.appcelerator.org/display/tis / +的JavaScript库+支持＃JavaScriptLibrarySupport-jQuery的％28个

然后，在上面阐述magjis的回答： 通过将jquery-1.7.2.js拖放到Project Explorer中的项目并在出现的对话框中选择“链接到文件”选项来创建一个新项目并添加未压缩的JQuery库。我链接到项目根目录的/ js文件夹中的jquery-1.7.2.js，它通常是库所在的位置。 将jquery1.4.2.sdocml拖放到项目中，然后选择复制或链接到该文件。我将文件复制到项目的根目录中。

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

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

我建议您安装tern.java 扩展JSDT以改进许多现代JavaScript框架（jQuery，jQuery UI，jQuery Mobile，YUI，Dojo，Cordova等）的JavaScript支持（完成，悬停，超链接，验证）。查看 tern modules

我尝试了许多建议而失败了。即将放弃我遇到了这个：

  1. 从Eclipse市场搜索JSDT jQuery并安装。我找到了JSDT jQuery 1.5.0。
  2. 右键单击您的项目并配置构建路径（我知道我希望它也是工作区级别）。
  3. 转到JavaScript <！> gt;包含路径，然后单击添加JavaScript库...
  4. 选择jQuery。这是v1.8支持。我看了，但找不到更新的东西。
  5. 重启Eclipse和中提琴。

    6. 最后，对吧？！

为Aptana Studio 3.2启用Javascript验证：

  1. 窗口 - <！> gt;偏好 - <！> gt;验证
  2. 选择Javascript并启用jslint
  3. 项目 - <！> gt;属性 - <！> gt; Project Natures
  4. 选择网络（以及您想要的任何其他内容）
  5. 窗口 - <！> gt;显示视图 - <！> gt;问题
  6. 保存文件，问题应填写警告
  1. 右键单击您的项目，然后选择“属性”。
  2. 展开Javascript - <！> gt;包括路径。
  3. 在“库”选项卡中，单击<！>“添加Javascript库<！>”。
  4. 选择<！>“;用户库<！>”; - GT <！>; <！> quot;配置用户库<！>“。
  5. 添加所需的所有.js文件，单击“确定”并等待项目构建完成。
  6. 您应该在编辑自己的.js文件时添加所有库文件的代码。

对于最新的Eclipse版本（比如我的Indigo SR2），需要做两件事来在GAE项目中获得jQuery的代码辅助。

  1. 通过以下方式将项目配置为JavaScript项目：右键单击项目 - <！> gt;配置（右上方属性） - <！> gt;转换为JavaScript项目

  2. 做正确的Butterworth先生和 jQuery autocompletion 说，安装JSDT jQuery插件并将jQuery添加到项目的JavaScript资源

对于最新的 Eclipse Kepler 版本，还有一个选项需要考虑，即 VJET JavaScrip IDE. 。最初是在 eBay 开发的，最近为 Eclipse 基金会做出了贡献。它仍处于孵化阶段，但可以从夜间更新站点安装。初始功能在“VJET：JavaScript 工具包的提案。它在 JavaScript 编辑器中为各种 JS 库提供内容辅助，例如：

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

通过 VJET ANVIL 项目 导入到工作区。

作为其他答案的补充，我强烈建议您安装 Eclipse JSHint插件。 您可以通过项目首选项对其进行配置，它就像一个魅力。它在JavaScript编辑器中显示其他警告。

我还建议在你的函数上面编写jsDoc，因为这将有助于Eclipse（@memberOf，你可以使用Ctrl + o来导航）。

您也可以转移到TypeScript，因为Eclipse支持现在已经成熟（2015），TypeScript已经打字，IDE可以获得好处（自动完成功能就像魅力 Palantir ）。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top