One 第一步

周大胖子

安装angular-cli 命令工具：

1. npm install -g @angular/cli

复制代码

【注： 该工具只需要搭建一遍

创建新应用：

1. ng new angular-tour-of-heroes

复制代码

【注：ng new 项目名

启动应用服务：

1. cd angular-tour-of-heroes
2. ng serve --open

复制代码

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

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

周大胖子

应用的外壳

   应用的外壳：就是只这个显示的界面

  这个界面 被一个外壳控制着/ 这外壳被称为： AppComponent

  实现这个外壳的一共有三个组件：
  app.component.ts— 组件的类代码，这是用 TypeScript 写的。

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

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

周大胖子

插值绑定语法双大括号

后台

1. var title = '123';

复制代码

页面

1. <h1> {{ title }}  </hi>

复制代码

周大胖子

关于公共样式： 一般应用都是保持外观的样式一致，所以有一个大体一致的公共样式，就写在 /src/style.css 里