41

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

4

12 回答 12

32

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

如果项目类型本身不包含 JavaScript 支持：打开 Web（或 JavaScript）透视图，右键单击项目并选择Web 开发支持>添加 JavaScript 支持（如果 JavaScript 支持已经存在，这不会有什么坏处）

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

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

于 2009-06-17T14:25:54.337 回答
8

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

不过Spket也不错。虽然主要是如果你做 Firefox 扩展开发（虽然有点过时了）

内置的 js 编辑器很糟糕。它声称到处都有错误，即使显然没有。

于 2009-06-17T13:18:18.403 回答
4

对于 Aptana Studio 3：（已测试 Eclipse 插件）

找到您感兴趣的库...将其保存到您的磁盘，然后将其拖到您的项目中。它位于项目中的哪个位置并不重要，因此您可以根据需要为此类文件创建一个新文件夹。

！！该项目必须是某种类型的 Web 项目：Web、PHP、Python、Ruby、Rails。

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

于 2011-06-29T12:18:18.407 回答
4

对于 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 -> Preferences -> General -> Editors -> File Associations 中进行设置，然后在列表中选择 .js 扩展名。下面的列表框中有多个选项。使用任何其他编辑器甚至都没有给我代码着色……这是我唯一可以使用代码辅助的编辑器。

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

然后，为了解释上面 magjis 的回答：创建一个新项目并添加未压缩的 JQuery 库，方法是将 jquery-1.7.2.js 拖放到 Project Explorer 中的项目中，并在出现的对话框中选择 Link To File 选项。我链接到项目根目录的 /js 文件夹中的 jquery-1.7.2.js ，无论如何，这是库通常所在的位置。将 jquery1.4.2.sdocml 拖放到项目中，然后选择复制或链接到该文件。我将文件复制到项目的根目录中。

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

于 2012-08-05T16:38:46.233 回答
4

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

我建议你安装 tern.java，它扩展了 JSDT 以改进对许多现代 JavaScript 框架（jQuery、jQuery UI、jQuery Mobile、YUI、Dojo、Cordova 等）的 JavaScript 支持（完成、悬停、超链接、验证）。燕鸥模块的完整列表

于 2015-06-12T07:41:38.030 回答
3

我尝试了很多建议，但都失败了。即将放弃我遇到了这个：

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

最后，对吧？！

于 2013-02-07T00:06:05.480 回答
1

为 Aptana Studio 3.2 启用 Javascript 验证：

  1. 窗口 -> 首选项 -> 验证
  2. 选择 Javascript 并启用 jslint
  3. 项目 -> 属性 -> 项目性质
  4. 选择 Web（以及您想要的任何其他内容）
  5. 窗口 -> 显示视图 -> 问题
  6. 保存你的文件，问题应该充满警告
于 2012-08-22T13:17:52.437 回答
1
  1. 右键单击您的项目并选择属性。
  2. 展开 Javascript -> 包含路径。
  3. 在库选项卡中，单击“添加 Javascript 库”。
  4. 选择“用户库”->“配置用户库”。
  5. 添加您需要的所有 .js 文件，单击确定并等待项目构建完成。
  6. 您应该在编辑自己的 .js 文件时从添加的所有库文件中完成代码。

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

于 2015-11-21T08:00:24.557 回答
0

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

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

  2. 按照 Butterworth 先生和jQuery 自动补全说的做，安装 JSDT jQuery 插件并将 jQuery 添加到项目的 JavaScript 资源中

于 2013-04-13T04:21:29.657 回答
0

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

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

您也可以迁移到 TypeScript，因为 Eclipse 支持现在已经成熟（2015 年），TypeScript 是类型化的，并且 IDE 可以获得好处（自动完成就像Palantir的魅力一样）。

于 2013-07-25T10:41:45.040 回答
0

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

  • 节点.js
  • jQuery
  • 道场
  • JSON
  • 帆布

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

于 2013-09-16T22:31:26.203 回答
0

自 2019-06 起，您可以使用“Wild Web Developer”插件（又名 WWD），它取代了许多其他插件（Tern、AngularJS Eclipse，...）。

在此处输入图像描述

编辑 HTML、CSS、JavaScript、TypeScript (+ESLint)、JSON (+schema)、XML (+schema)、YAML (+schema)，专门支持 Angular、React 和 Kubernetes，并调试 Node.js 和 HTML+JS在 Eclipse IDE 中简单而高效的 web-apps。

要查看它的实际效果，请使用默认包含在 Eclipse IDE 中的通用编辑器打开所需的文件。

版本支持的文件格式：

HTML
CSS, SCSS, SASS, LESS
JavaScript (EcmaScript 2018 - 9th edition)
TypeScript 3.8
JSON and JSONC (including schema support)
YAML (including schema support)
XML (including schema support), XSL, XSD, DTD

支持的框架（文件专业化）和版本的 linter：

Angular (template assistance in HTML and TS files)
Kubernetes (schema built-in when editing YAML)
React (JSX, TSX, embedded HTML)
ESLint (including Typescript-ESLint)

版本支持的功能是

Validation (diagnostics, markers)
Code Completion
Hover
Outline
Rename refactoring
Jump to declaration
Find references
Color preview
... and other features part of the Language Server Protocol

支持的调试目标

Node.js
Firefox
Chromium and Chrome

有关安装，请参见github页面。

于 2020-05-22T12:39:32.893 回答