为本地节点项目部署index.html和npm start之间的区别？

如何解决为本地节点项目部署index.html和npm start之间的区别？

我是Web编程的新手，并且在Angular.js IDE中拥有一个非常基本的JetBrains Webstorm应用。

在Webstorm中，我可以右键单击index.html文件并选择Run/Debug，它将在Chrome中启动该应用，并附加了调试器（我有chrome LiveEdit Jetbrains延期）。这创建了通用的JavaScript Debug配置。很好，因为它会启动自动运行我的应用的Chrome浏览器。

但是，我还能够通过npm start JetBrains模板使用npm运行该应用程序。尽管我没有进一步探讨，但也可以使用Node.js模板来运行该应用。

我的问题是，这些启动方法之间有什么区别？ 我将如何选择一个而不是另一个？ *

很好，例如，运行index.html会自动自动打开chrome标签。但是，这种方式与另一种方式有何不同？对于本地开发，更好是哪个？

解决方法

应用程序开发格局一直在不断变化 在过去的几年中，无论是在客户端（ frontend ）还是在客户端 在服务器端（后端）上。在客户端，我们有很多 很棒的新的和更新的JavaScript [和其他脚本]框架； 在服务器端，我们有新的架构方法，例如 单页应用程序（SPA），微服务和无服务器体系结构。

index.html是前端的主要根文件，而index.js是后端的主要起点。在计算机上安装Node时，会有一个npm是节点软件包管理器，它可以基于package.json文件中的信息使用'npm install'安装项目库和软件包。如果您查看此文件，则有script部分，例如：

  "scripts": {
    "start": "node ./index.js",},

可以在此处找到并定义以npm开头的项目命令，例如npm run start或npm run build...。

从支持开始，它会启动您的项目并需要加载templates。当您使用IDE，Webstorm等Visual Studio时，它们将构建并运行您的整个项目。因此，通过启动和服务index.html，您可以看到前端应用程序的一部分，并且可以看到运行的正是“ IDE”为您提供的。为了更好地理解此过程，您可以在简单的文本编辑器（例如Sublime文本编辑器）中打开项目，以了解它们之间的区别。因此，实际上您的上下文没有区别。

这是一个一般性的解释，希望对您有所帮助，但是还有很多其他的讨论空间。