在 WebStorm 中运行 AngularJS 应用程序答案

【问题标题】：Running AngularJS app in WebStorm在 WebStorm 中运行 AngularJS 应用程序
【发布时间】：2017-10-12 03:26:40
【问题描述】：

我开始使用 AngularJS 已经有一个月了。我曾经在 SublimeText2 中编写代码，但我想使用 WebStorm，因为它声称对 AngularJS 更友好。我编写了一个简单的 Hello World 应用程序并尝试运行它，但我无法得到任何提示。我对 Node.js 也一无所知。

我尝试浏览 WebStorm 页面上的教程，还阅读了一些关于 Node.js 的文章，但无法理解。任何人都可以用简单易懂的方式解释它吗？

【问题讨论】：

WebStorm 可以用于纯 html+JavaScript 前端开发。但是它对 node.js 开发有很好的支持。如果你在后端使用 node.js，你可以从前端和后端使用 WebStorm 中获益。
@AndreiBeziazychnyi 假设我在 WebStorm 中仅使用 HTML 和 JavaScript 编写了一个 Hello World 应用程序，那么我该如何运行该 HTML？在 SublimeText 或任何其他编辑器中，我在编辑器上编写代码，然后从其位于目录中的位置执行该特定 HTML 文件，它与 WebStorm 的过程相同吗？ WebStorm 中的“运行”是为了什么？我对那个运行功能很困惑。
WebStorm 带有自己的内部网络服务器。假设您在根目录中有名为 MyApp 和 index.html 的项目。您可以使用以下网址，然后使用localhost:63342/MyApp/index.html。在这种情况下，您不需要运行配置。
谢谢@AndreiBeziazychnyi。尽管我并不完全满意，但我真的很感谢您的帮助。感谢您花时间回答:)

【解决方案1】：

您可以在 WebStorm 中的选定浏览器中打开您的 HTML+JS 应用程序，方法是单击编辑器选项卡右上角的浏览器图标并打开 index.html 文件（或您想要打开的任何其他 html 文件）在浏览器中）。

可以从文件上下文菜单中执行相同的操作：在 - 浏览器中打开。为了您的方便，WebStorm 会自动启动内置的网络服务器。

请注意，您仍然可以转到您的项目文件夹并从那里执行您的特定 HTML 文件，就像使用文本编辑器执行此操作一样。

在blog post 中阅读有关在 WebStorm 中使用 AngularJS 的更多信息。

如果您的应用在 Node.js 中有后端，那么您当然需要安装 Node.js。要运行您的节点 Web 应用程序，您需要创建 Node.js 运行配置。更多信息here。

【讨论】：