英雄編輯器（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 組件來顯示數據。

你使用雙花括號插值顯示了應用標題。