2-2 工程源碼文件結構

這節主要看src下面的目錄


資源目錄放圖片等


本機環境，開發環境、生產環境，不一樣的環境才用不一樣的變量值

例如本機的API的地址

生產環境的服務地址多是一個網址的



ng build：默認是開發環境的編譯
ng build --prod：就是生產環境的編譯。編譯就是對應下面兩個環境的文件

app目錄

app.module .ts是根模塊，相對功能獨立的一組代碼組合在一塊兒就組成一個模塊


app.component是根組件，主要是css、html、ts這三個主要的文件。spec是測試用的文件




@Component這是裝飾器，裝飾器其實就是一個函數

裝飾器用來修飾AppComponent這個類

並設置這個類的一些屬性值

組件能夠理解爲angular自定義的html標籤，也能夠理解爲它是頁面顯示的一部份內容，這個內容多是整頁，也多是頁面的一部分
templateUrl:模板的路徑

./表示的是當前目錄

模板表達要怎麼去顯示，顯示哪些內容

css的路徑，能夠有多個css

默認狀況下建立的就一個

app.module

@NgModule修飾整個模塊

模塊有這些屬性

declarations是一個數組，聲明我這個模塊有哪些組件，也能夠說有哪些組件屬於我這個模塊

import：我這個模塊自己，依賴什麼其餘模塊


bootstrap：個人引導組件是什麼，根模塊纔會有這個bootstrap這個屬性，你進去個人模塊後，我第一個給你呈現出來的是什麼
這就是爲何appComponent什麼叫作根組件，它是一個引導組件

main.ts

main.ts是整個應用的入口，相似java中的main函數或者c語言中的main函數


它會去引導咱們的根模塊，而後在根模塊裏面去引導跟組件


polyfills.ts
英文就是填充
不一樣瀏覽器的兼容腳本加載



styles.css
全局的樣式表

test.ts:測試入口