使用 Eclipse IDE 配置 angularjs
Posted
技术标签:
【中文标题】使用 Eclipse IDE 配置 angularjs【英文标题】：Configuring angularjs with eclipse IDE 【发布时间】：2013-08-27 14:36:15 【问题描述】：我想开始使用 AngularJs 和 Java Spring 进行开发。我使用 Eclipse 作为 IDE。我想配置我的 Eclipse 以使这些框架无缝运行。
我知道我可能要求太多，但相信我，我已经做了很多研究，你们是我最后的手段。任何帮助将不胜感激。
【问题讨论】：
【参考方案1】：您首先要确保已安装 JSDT。
接下来是为这项工作安装一些专用工具，请查看AngularJS Eclipse Tools。 AngularJS Eclipse Templates 也可能会有所帮助，这里有一个 visual guide written for it 可以帮助您入门。
另见AngularJS Eclipse getting started page。
自发布此答案以来，AngularJS Eclipse plugin 已发布，正如其他答案所述。你可能想先检查一下。
【讨论】：
非常感谢..我一定会检查一下，因为它看起来很有希望。 “对于 javascript 开发人员来说，这不是最佳的 IMO”，那么您能推荐一个更合适的工具吗？ （最好是免费的；）） @Chafik，我使用 intellij 的 idea，但这仅仅是因为我也在 Java 中开发 - webstorm 实际上是相同的，但面向 Web（webstorm 有一个子集idea 的能力）。 idea 有社区版，但缺少网页功能，都可以免费获得，试用期为一个月。无论如何，如果您决定购买商业版，我认为它们物有所值。【参考方案2】：从 Eclipse Marketplace 或更新站点 angularjs-eclipse-0.5.0 在 eclipse 中安装 JavaScript Development Tools (JSDT) 和 AngularJS Eclipse 插件，@ 987654324@
Right Click on your project --> Configure --> Convert to Angularjs Project（如下图）
现在您可以看到可用的 Angularjs 标签，如下所示。
.
【讨论】：
我安装了这个插件，但是没有出现“Convert to AngularJS Project”选项。 @Krismorte 在这里也一样。版本：火星发布（4.5.0）【参考方案3】：-
确保项目已解压到您的硬盘上。
在 Eclipse 中转到菜单：文件->新建->项目。
选择“常规->项目”并单击下一步按钮。
在“项目名称：”字段中输入项目名称
禁用“使用默认位置”单击“浏览...”按钮并选择包含项目的文件夹（步骤 1 中的文件夹）
点击“完成”按钮
用鼠标右键单击您的新项目，然后单击“配置->转换为 AngularJS 项目..”
启用您的项目好东西，然后单击“确定”按钮。
【讨论】：
之后我如何将该项目转换为war文件。【参考方案4】：Netbeans 8.0（本文发布时为测试版）支持 Angular 和 html5。
查看这篇 Oracle 文章：https://blogs.oracle.com/geertjan/entry/integrated_angularjs_development
【讨论】：
【参考方案5】：由于上述这些先前的答案，现在发布了一个 Eclipse 插件来帮助使用 AngularJS 进行开发：
https://marketplace.eclipse.org/content/angularjs-eclipse https://github.com/angelozerr/angularjs-eclipse/wiki/Installation---Update-Site（查看其他 Wiki 页面以获取有关功能的信息）
答题时的版本是0.1.0。
请查看 JSDT (http://www.eclipse.org/webtools/jsdt/) 和 Eclipse VJET (http://eclipse.org/vjet/)。 VJET 项目似乎是在尝试为编辑器提供更好的功能集，而不受 JSDT 项目的阻碍（我猜是开源政治在起作用）。
【讨论】：
【参考方案6】：从此链接下载 angular js 并在 eclipse 中添加为新软件 http://oss.opensagres.fr/angularjs-eclipse/0.6.0/
【讨论】：
【参考方案7】：配置适用于 Eclipse Mars 4.5 版本。
1) 从以下位置安装 Eclipse Mars 4.5 https://eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/mars2 这带有 Tern 和嵌入式 Node.js 服务器
2) 从 Eclipse Marketplace 安装 AngularJS Eclipse 插件
3) 在 Windows-> Preferences -> JavaScript -> Tern -> Server -> node.js 中将 node.js 服务器配置为 Eclipse 中的嵌入式 nodejs 服务器（位于 eclipse 插件文件夹中）。无需额外配置。
4) 在 html 或 javascript 文件中测试配置。 https://github.com/angelozerr/angularjs-eclipse
【讨论】：
【参考方案8】：对于当前的 Angular 4 和 5 版本，有一个 IDE。
去 Eclipse 市场搜索“Angular”。您将看到 IDE 并安装它。
之后重新启动 eclipse 并按照欢迎消息选择首选项。
如何开始在 Angular 项目中使用 Eclipse？
考虑到您已经有 Angular 项目，并且希望将其导入 Eclipse。
转到file > import > choose Angular Project
最好将您的项目放在一个单独的工作集中，这样您就不会将它与其他类型的（如 java）项目混淆。
使用 Angular IDE 你也会有一个终端窗口。
在右上角的eclipse搜索框（快速访问）中打开该类型终端。
【讨论】：
【参考方案9】：嗨，伙计们，如果您在 Eclipse 中使用 Angular 插件，那么插件时间有限，之后如果您想使用此插件，那么您需要付费，所以我建议您使用非常简单和舒适的 webstrome 和可视化代码 ide如果您使用 eclipse 启动和开发 Angular 应用程序，请小心使用
【讨论】：
这如何解决问题？毕竟，请编辑答案的格式 嗨 Nico haase 如果你有问题然后切换到 webstrome 或 Visual Basic 因为 Eclipse 插件是付费的！ 我完全没有问题，尤其是使用一次性费用为 49 美元的工具（就 Angular IDE 而言）。 AngularJS Eclipse 是一个免费插件，WebStorm 每月至少要花费 35 美元。以上是关于使用 Eclipse IDE 配置 angularjs的主要内容，如果未能解决你的问题，请参考以下文章