Eclipse JavaScript Editor：js文件的内容辅助，自动完成

时间：2009-06-17 13:15:39

标签： javascript eclipse autocomplete eclipse-plugin content-assist

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

12 个答案:

答案 0 :(得分：31)

我刚刚想出如何在 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文件和资源构建和激活不同的范围配置文件：只需在窗口中单击添加配置文件工具栏）

答案 1 :(得分：8)

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

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

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

答案 2 :(得分：4)

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

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

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

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

答案 3 :(得分：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中设置 - ＆gt;偏好 - ＆gt;一般 - ＆gt;编辑 - ＆gt;文件关联并在列表中选择.js扩展名。下面的列表框中有多个选项。使用任何其他编辑器甚至没有给我代码着色...这是我唯一可以获得代码帮助的代码。

我在按照上面的magjis建议之前做了这个，所以我不知道是否有必要。但我安装了JQuery卢布如下： http://wiki.appcelerator.org/display/tis/JavaScript+Library+Support#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环境。

答案 4 :(得分：4)

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

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

的完整列表

答案 5 :(得分：3)

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

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

    6. 最后，对吧？！

答案 6 :(得分：1)

为Aptana Studio 3.2启用Javascript验证：

  1. 窗口 - ＆gt;偏好 - ＆gt;验证
  2. 选择Javascript并启用jslint
  3. 项目 - ＆gt;属性 - ＆gt; Project Natures
  4. 选择网络（以及您想要的任何其他内容）
  5. 窗口 - ＆gt;显示视图 - ＆gt;问题
  6. 保存文件，问题应填写警告

答案 7 :(得分：1)

  1. 右键单击您的项目，然后选择“属性”。
  2. 展开Javascript - ＆gt;包括路径。
  3. 在“库”选项卡中，单击“＆＃34;添加Javascript库＆＃34;。
    4. ”
  4. 选择＆＃34;用户库＆＃34; - ＆GT; ＆＃34;配置用户库＆＃34;。
  5. 添加所需的所有.js文件，单击“确定”并等待项目构建完成。
  6. 您应该在编辑自己的.js文件时添加所有库文件的代码。

    7. Adding .js Libraries to your project

答案 8 :(得分：0)

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

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

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

答案 9 :(得分：0)

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

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

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

答案 10 :(得分：0)

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

  • Node.js的
  • 的jQuery
  • 道场
  • JS​​ON
  • 画布

通过VJET ANVILs Projects导入工作区。

答案 11 :(得分：0)

自2019年6月起，您可以使用“ Wild Web Developer”插件（又名WWD），该插件可以替代许多其他插件（Tern，AngularJS Eclipse等）。

enter image description here

编辑HTML，CSS，JavaScript， TypeScript （+ ESLint），JSON（+ schema），XML（+ schema），YAML（+ schema），并特别支持Angular，React和Kubernetes ，并在Eclipse IDE中简单高效地调试Node.js和HTML + JS Web应用程序。

要查看运行中的文件，请使用默认包含在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页。

相关问题
最新问题