下面将创建第一个Angular应用“hello-world”。借助Angular CLI工具,我们甚至不需要编写一行代码,就能实现一个完整可用的Angular应用。
打开终端窗口。执行下列命令来生成一个新项目及默认的应用代码。
其中,hello-world是指定的应用的名称。
详细的生成过程如下:
为了节省篇幅,这里并没有呈现所有的控制台输出信息。
最终,在指定的目录下会生成一个名为“hello-world”的工程目录,如图2-6所示。
图2-6 生成工程目录
执行以下命令,来运行应用。
其中,
● “ng serve”命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。
● 使用“--open”(或“-o”)参数可以自动打开浏览器并访问http://localhost:4200。运行效果如图2-7所示。
图2-7 运行效果