Angular4學習筆記（一）-環境搭建

下載nodejs

• 下載地址

• 在命令行輸入：npm -v 若是出現以下畫面即安裝成功

  安裝Angular的cli命令行工具

• 命令：sudo npm install -g @angular/cli

• 輸入ng -v，如出現如下畫面即表示安裝成功

  建立項目

• 命令：ng new XXX,XXX表示項目名稱，如：ng new iAngular
  此時在相應目錄下就會有新項目生成
  

  Angular組件

  默認項目構成

組件構成

啓動順序

1. main.ts
   經過platformBrowserDynamic().bootstrapModule(AppModule)來加載模塊AppModule
2. AppModule
   
   經過declarations: [AppComponent]聲明並經過bootstrap: [AppComponent]加載AppComponent組件
3. AppComponent
   
   經過裝飾器@Component指定了選擇器名稱、模板URL和組件樣式文件
4. 模板文件(*.html)
   
   經過{{title}}表達式讀取控制器中的元素title

5. 樣式文件(*.css)

   
   此處原本是空的，樣式是本身加的

6. 首頁index.html
   

啓動項目

1. 在項目根目錄下執行npm start命令，出現如下畫面即表示啓動成功：
   
2. 訪問