既然 Hello World 正在运行,我们想看看 NPM 脚本提供的一个功能,它使开发变得更加容易。
ng serve
是 Angular CLI 网络服务器,在浏览器中本地运行( localhost )。当您运行npm start
(运行ng serve
的脚本)时,您将看到关于构建处理器的信息,并有望看到构建现在有效的指示。
图 10:启动
ng serve
也在看文件夹,检测变化。如果您保持浏览器打开并更改源文件,您将看到程序检测到更改,重新编译代码,并动态刷新浏览器。
图 11:检测变化
这种关注变化并对它们进行增量编译的方式使得代码更新变得更加容易,并且可以立即看到变化的影响。它将显示哪个文件被更改,然后用这些更改更新您的浏览器——这在您的开发周期中是一个很好的特性。
一旦应用启动,所提供的工具就为您提供了一个很好的环境来探索和查看幕后发生的事情。