为本地 Node 项目部署“index.html”与“npm start”之间的区别?

Difference between deploying `index.html` vs. `npm start` for local Node project?

我是网络编程的新手,在 JetBrains Webstorm IDE.

中有一个非常基础的 Angular.js 应用程序

Webstorm 中,我可以右键单击 index.html 文件并选择 Run/Debug,它将在 Chrome 中启动应用程序并附加调试器(我有 chrome LiveEdit Jetbrains 扩展)。这创建了一个通用的 JavaScript Debug 配置。这很好,因为它会自动启动一个 chrome 浏览器 运行 我的应用程序。

但是,我也可以通过 JetBrains npm 模板使用 npm start 运行 应用程序。虽然我没有进一步探索,但也可以 运行 使用 Node.js 模板的应用程序。

我的问题是这些启动方式有什么区别? 我将如何选择一个而不是另一个?*

很好,例如,运行ning index.html 直接自动打开一个chrome 选项卡。但是,这样做与另一种方式有什么区别呢?对于本地开发,哪个更好?

The application development landscape has been changing continuously over the past few years, both on the client side (frontend) as well as on the server side (backend). On the client side, we have plenty of awesome new and updated JavaScript [and other scripting] frameworks; and on the server side, we have new architectural approaches such as single page applications(SPA), microservices, and serverless architectures.

index.html 是您 front-end 中的主要根文件,而 index.js 是您后端的主要起点。当你在机器上安装 Node 时,有一个 npm 是节点包管理器,它可以根据 package.json 文件上的信息使用 'npm install' 安装项目库和包。如果您查看此文件,其中有 script 部分,例如:

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

npm开头的项目命令,例如npm run startnpm run build ...可以在这里找到并定义。

当您开始使用您的支持时,它启动了您的项目并需要加载 templates。当您使用 IDE 时,例如 WebstormVisual Studio 或...他们构建并 运行 您的整个项目。因此,通过启动和服务 index.html,您可以看到 front-end 应用程序的一部分,而您可以看到的这个 运行ning 是“IDE”为您提供的.为了更好地理解这个过程,您可以在简单的文本编辑器(例如 Sublime 文本编辑器)中打开项目以了解差异。所以实际上你的上下文没有区别。

这是一个笼统的解释,希望对您有所帮助,但还有许多其他空间需要讨论。