Angular应用ng serve命令行的学习笔记

在Angular项目下执行命令行ng serve --open:

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：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

Angular应用ng serve命令行的学习笔记相关推荐

在linux命令行下学习编写java
对于新手来讲, 使用eclipse 等IDE来学习java是最为方便和效率的. 学习Java能令程序猿深刻地理解面向对象的编程思想 . 但Java 是一个跨平台的编程语言. 本文介绍下在命令行下学习j ...
运行 ui5 serve 命令行报错的处理方法
如果大家运行 ui5 serve 命令行,报如下的错误消息: ui5 不是内部或外部命令,也不是可运行的程序: 只需要执行命令行,全局安装 ui5 cli(command line interface ...
Angular 项目 ng serve 背后发生的事情
敲了 ng 之后回车,显示这些命令列表: package.json 里并没有 serve script: 那么就到 angular.json 里去找: 我们只看 build 和 serve 这两个 a ...
Angular CLI ng常用命令整理
Angular CLI 的ng命令常用整理当前对应版本:angular-cli:1.0.0 node:8.9.3 os:win32 x64 1.创建项目 ng new 命令描述 ng n ...
Fmpeg命令行工具学习(三)：媒体文件转换工具ffmpeg
一.简述 ffmpeg是一个非常强大的工具,它可以转换任何格式的媒体文件,并且还可以用自己的AudioFilter以及VideoFilter进行处理和编辑.有了它,我们就可以对媒体文件做很多我们想做的 ...
FFmpeg命令行工具学习(一)：查看媒体文件头信息工具ffprobe
一.简述 ffprobe是ffmpeg命令行工具中相对简单的,此命令是用来查看媒体文件格式的工具. 二.命令格式在命令行中输入如下格式的命令: ffprobe [文件名] 三.使用ffprobe查看 ...
Python命令行参数学习
man python 查看python的帮助文件命令行参数: -B Don't write .py[co] files on import. See ...
FFmpeg命令行工具学习(三)：媒体文件转换工具ffmpeg
一.简述 ffmpeg是一个非常强大的工具,它可以转换任何格式的媒体文件,并且还可以用自己的AudioFilter以及VideoFilter进行处理和编辑.有了它,我们就可以对媒体文件做很多我们想做的 ...
CMD命令行简单学习总结
注:本机系统为win10 1.DOS窗口启动方式 1.1 直接按[Windows]键,不需要选中任何地方,直接敲"cmd",就可以看到cmd命令行,回车或右键选择以管理员身份打开就 ...

Angular应用ng serve命令行的学习笔记

ng serve命令行在Windows10系统上实际的执行明细

Angular应用ng serve命令行的学习笔记相关推荐

最新文章

热门文章