Eclipse:为 HTML/Javascript 文件设置运行配置

Posted

技术标签:

【中文标题】Eclipse:为 HTML/Javascript 文件设置运行配置【英文标题】:Eclipse: Setting up Run Configuration for HTML/Javascript Files 【发布时间】:2011-04-23 00:20:04 【问题描述】:

我想使用 Eclipse 作为 html/javascript 文件的编辑器。当我“运行”时,我希望看到为我的文件启动的浏览器(Windows 上的 Internet Explorer、Firefox 等中的任何一个)。如何设置“运行配置”来执行此操作?

【问题讨论】:

【参考方案1】:

您可以设置一个外部工具配置,当您运行它时,它会在浏览器中打开您当前正在编辑的文档。您可以单击“运行”按钮旁边的按钮,而不是“运行”,上面有个红色的小手提箱。

要设置它,请使用菜单:运行...外部工具...外部工具配置。您将看到一个配置对话框。现在:

为您的配置命名(例如“在 Firefox 中查看”) 在“位置”字段中输入浏览器的完整路径以及浏览器的可执行文件名称。 不用担心工作目录 单击变量按钮;在弹出的对话框中,查找名为“selected_resource_loc”的变量。选择它并关闭弹出对话框。 现在点击“应用”并关闭主对话框。

运行外部工具配置很像运行启动配置:您可以从菜单中进行选择,也可以使用按钮栏上的按钮;如果您单击其中一个按钮,它将运行您选择的最后一个配置(在您正在编辑的任何文档上)。

需要注意的重要事项是:

您必须拥有浏览器可执行文件的正确路径 可执行文件的参数将是参数文本区域中的参数,这是我们选择的变量(“selected_resource_loc”)将出现的地方;如果您在该命令行上需要更多内容,请将其放在 Arguments 中 “selected_resource_loc”在执行时扩展为当前选定文档的完整路径

更多详情请参阅these docs。

【讨论】:

谢谢拉德斯坦!如果变量 selected_resource_loc 包含空格,我们需要将其括在引号中,如下所示:“$selected_resource_loc” 感谢您用引号引起来的提醒。如果路径包含空格,eclipse 总是会向浏览器传递错误的位置。 我想补充一点,我必须双击配置对话框窗口左侧的“程序”。 i.imgur.com/wDBYOb0.png【参考方案2】:

遇到了同样的问题,eclipse没有处理html文件的默认行为真的很烦人。

这是我用图片做的! ;)

http://dwaves.de/index.php/2014/01/16/eclipse-run-launch-html-htm-webpage-in-external-browser-external-tools-shortcut-hotkey/

【讨论】:

【参考方案3】:

您可以安装 WTP 工具并设置静态 Web 项目。将您的文件复制到其中(或者您可以设置一个快捷方式,我不确定)。您可以在 Preferences->General->Web Browser 中更改浏览器。选择运行并启动浏览器和您的内容。

Eclipse 现在对 JavaScript 有很好的重构、语法检查和格式化,我真的推荐它。

【讨论】:

【参考方案4】:

我已经为 Eclipse 安装了 aptana studio 插件,这将启用作为“java script web applicaiton”选项运行。

安装aptana studio插件如下


    打开 Eclipse 帮助 -> 安装新软件 添加(在右上角) 为 Aptana 插件输入以下链接 http://download.aptana.com/studio3/plugin/install 点击确定 勾选 Aptana Studio 3 完成

如果你没有 wamp 服务器,请安装它http://www.wampserver.com/

【讨论】:

【参考方案5】:

在选择 --> 窗口-> webbrowser 中转到主菜单-> 如果您想更改选择-> chrome/firefox/ie,默认情况下“内部浏览器将被选中”,然后您可以运行Web 应用程序项目,结果将显示在您选择的 Web 浏览器中。

【讨论】:

以上是关于Eclipse:为 HTML/Javascript 文件设置运行配置的主要内容,如果未能解决你的问题,请参考以下文章

Eclipse for Java EE配置

IntelliJ IDEA能写Java,HTML,JavaScript,css,xml这些程序吗?

检测源是不是为 CSS/HTML/JavaScript

HTML/JavaScript - 为文本框输入激活键盘麦克风

如何修复我的 html/javascript 代码来为精灵表设置动画?

通过 PhoneGap 将 html javascript 转换为 iOS 应用程序