购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.2 创建第一个应用
——hello-world

下面将创建第一个Angular应用“hello-world”。借助Angular CLI工具,我们甚至不需要编写一行代码,就能实现一个完整可用的Angular应用。

2.2.1 使用Angular CLI初始化应用

打开终端窗口。执行下列命令来生成一个新项目及默认的应用代码。

其中,hello-world是指定的应用的名称。

详细的生成过程如下:

为了节省篇幅,这里并没有呈现所有的控制台输出信息。

最终,在指定的目录下会生成一个名为“hello-world”的工程目录,如图2-6所示。

图2-6 生成工程目录

2.2.2 运行Angular应用

执行以下命令,来运行应用。

其中,

● “ng serve”命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。

● 使用“--open”(或“-o”)参数可以自动打开浏览器并访问http://localhost:4200。运行效果如图2-7所示。

图2-7 运行效果 j9ub4Svc78UtfdeFJaXtlyReTFV5naQsxkc82HkN4PH/towrS9pO53IpGlDho/Bq

点击中间区域
呼出菜单
上一章
目录
下一章
×