英雄编辑器（01）-创建项目

1,创建项目

ng new angular-tour-of-heroes

启动应用服务器

cd angular-tour-of-heroes

ng serve –open

ng serve 命令会构建本应用、启动开发服务器、监听源文件，并且当那些文件发生变化时重新构建本应用。

--open 标志会打开浏览器，并访问 http://localhost:4200/。

修改应用标题

用你最喜欢的编辑器或 IDE 打开这个项目，并访问 src/app 目录，来对这个起始应用做一些修改。

你会在这里看到 AppComponent 壳的三个实现文件：

1.  app.component.ts— 组件的类代码，这是用 TypeScript 写的。

2.  app.component.html— 组件的模板，这是用 HTML 写的。

3.  app.component.css— 组件的私有 CSS 样式。

小结

 你使用 Angular CLI 创建了初始的应用结构。

你学会了使用 Angular 组件来显示数据。

你使用双花括号插值显示了应用标题。