在
Angular项目下执行命令行ng serve --open:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5yN5gzYxUWM2gTOkVGZ2EmYmJjN0ATYmR2MwkDOygzMi9CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)
The ng serve command builds the app, starts the development server, watches the source files, and rebuilds the app as you make changes to those files.
The --open flag opens a browser to http://localhost:4200/.
ng serve命令行执行的事情:
(1) build应用,开启development服务器,监听source文件的修改,一旦有文件被编辑,立即自动重新build应用
(2) --open选项的作用:开启浏览器打开该应用。
浏览器里显示的应用如下:
我们看到的实际是一个Application shell.这个shell被一个Angular Component控制。
Component是Angular里一个核心概念,负责显示数据到页面上,监听用户输入并响应。
ng serve命令行在Windows10系统上实际的执行明细
运行的是node_modules文件夹下@angular\cli\bin文件夹里的ng: