Eclipse JavaScript编辑器:JS文件的内容辅助,自动完成

我刚刚知道如何获得JS内容辅助 Eclipse JavaScript编辑器 (不带Aptana插件):

如果项目类型本身不包含javascript支持:open web(或javascript)透视图,右键单击该项目并选择 Web开发支持 gt; 添加JavaScript支持 (如果已经有javascript支持,这不会有什么影响)

然后右键单击 javascript支持 在项目中选择 性质 ,在javascript部分转到javascript库,然后选择源选项卡:在这里,您可以为当前项目添加内容助手扫描的文件夹和文件。

在 阿帕塔纳工作室 (作为Eclipse插件,但我认为独立版本几乎相同):打开任何JS或HTML文件,显示 工具书类 窗口(或在Eclipse中打开Aptana透视图)并将要添加到javascript作用域的JS文件拖放(可以使用不同的javascript文件和资源构建和激活不同的作用域配置文件:只需单击 添加配置文件 在窗口工具栏中)

国际海事组织, Aptana 是JS编辑的最佳Eclipse插件。它包括对许多主要库的支持,如jquery、yui、dojo等。

Spket 但也不错。但大多数情况下,如果你开发了火狐扩展(尽管有点过时)

内置的JS编辑器很糟糕。它声称,即使没有明显的错误,各地都有错误。

对于Aptana Studio 3:(测试Eclipse的插件)

找到一个你感兴趣的库…把它保存到你的磁盘上,然后把它拖到你的项目中。它在项目中的位置并不重要,因此如果愿意,可以为类似的文件创建一个新文件夹。

!!项目必须是某种类型的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)

我确实得到了这个工作和上乘的马吉回答上面的警告。

按照上面的magjis将小型jquery库放到现有项目的子文件夹中对我不起作用。在创建了一个新项目并使用了未压缩的库之后,它确实为我工作了。

有几十篇过时的文章在so和其他地方引用了不推荐使用的aptana对话框,并提供了与当前Eclipse版本无关的信息。我所知道的是,对于EclipseJuno4.2、Aptana3和jquery 1.7.2,以下是有效的方法(至少对我而言):

确保您安装了Aptana插件,并且处于Web透视图中。这就是Aptana工作室的视角所说的……如果他们把它命名为包含“Aptana”一词的东西,就不会那么令人困惑了。

确保默认编辑器为“javascript源编辑器”。在窗口->首选项->常规->编辑器->文件关联中设置此项,然后在列表中选择.js扩展名。下面的列表框中有多个选项。使用任何其他编辑器都没有给我代码着色……这是我唯一能得到代码帮助的编辑器。

我在听从麦吉的建议之前就这样做了,所以我不知道这是否是必要的。但我安装了jquery ruble,如下所示: http://wiki.appcelerator.org/display/tis/JavaScript+Library+Support#JavaScriptLibrarySupport-jQuery%28

然后,要解释上面的magjis答案: 创建一个新项目并添加未压缩的jquery库,方法是将jquery-1.7.2.js放到项目资源管理器中的项目中,然后在出现的对话框中选择“链接到文件”选项。我链接到了jquery-1.7.2.js,它位于项目根目录的/js文件夹中,库通常都在这个文件夹中运行。 将jquery1.4.2.sdocml放到项目中,然后选择复制或链接到文件。我将文件复制到项目的根目录中。

如果我可以做进一步的评论,回想起来,我希望我两个月前放弃Eclipse,继续使用记事本++或者花时间寻找更精简、更快、更稳定的php/js/html/css环境。

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

我建议你 install tern.java 它扩展了jsdt以提高对许多现代javascript框架(jquery、jquery ui、jquery mobile、yui、dojo、cordova等)的javascript支持(completion、hover、hyperlink、validation),请参见 tern modules

我尝试过很多建议,但都失败了。就要放弃了,我遇到了:

1. 从Eclipse市场中搜索jsdt jquery并安装。我找到了jsdt jquery 1.5.0。
2. 右键单击您的项目并配置构建路径(我知道我也希望它是工作区级别)。
3. 转到javascript>包含路径,然后单击添加javascript库…
4. 选择jQuery。这是v1.8支持。我找了找,但找不到新的。
5. 重启Eclipse和Viola。

最后,对吧?!

为Aptana Studio 3.2启用JavaScript验证:

1. 窗口->首选项->验证
2. 选择javascript并启用jslint
3. 项目->属性->项目性质
4. 选择网站(以及您想要的其他内容)
5. 窗口->显示视图->问题
6. 保存您的文件,问题应该充满警告

1. 右键单击项目并选择“属性”。
2. 展开javascript->包含路径。
3. 在“库”选项卡中,单击“添加javascript库”。
4. 选择“用户库”->“配置用户库”。
5. 添加所需的所有.js文件,单击“确定”,等待项目生成完成。
6. 在编辑自己的.js文件时,应该完成所有添加的库文件中的代码。

对于最近的Eclipse版本(比如我的IndigoSR2),需要做两件事来获得GAE项目中jQuery的代码辅助。

1. 通过以下方式将项目配置为javascript项目:右键单击项目->配置(右上角属性)->转换为javascript项目

2. 像巴特沃斯先生那样做 jQuery autocompletion 说,安装jsdt jquery插件并将jquery添加到项目的javascript资源中。

对于最新的EclipseKepler版本,还有一个选择要考虑 VJET JavaScrip IDE .最初在易趣网开发,最近促成了Eclipse基金会。它仍处于孵化阶段,但可以从夜间更新站点安装。最初的功能在“vjet:javascript工具包”提案中描述。它在JavaScript编辑器中为各种JS库提供内容帮助,如:

• J.N.
• JQuery
• 道场
• 杰森
• 帆布

通过 VJET ANVILs Projects 导入到工作区。

作为对其他答案的补充,我强烈建议安装 Eclipse JSHint plugin . 您可以通过项目首选项来配置它,它的工作方式很迷人。它在JavaScript编辑器中显示其他警告。

我还建议在函数上方编写JSDoc,因为这将有助于Eclipse( @memberOf ,可以使用ctrl+o进行导航)。

当Eclipse支持已经成熟(2015年),输入了typescript,并且一个IDE可以获得这些好处(自动完成功能就像一个魅力 Palantir )