问题描述
我是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文本编辑器)中打开项目,以了解它们之间的区别。因此,实际上您的上下文没有区别。
这是一个一般性的解释,希望对您有所帮助,但是还有很多其他的讨论空间。