在上一節(jié)中已經(jīng)新建了一個(gè)angular項(xiàng)目樱溉，來看一下這個(gè)項(xiàng)目里面包含了哪些文件紫谷。首先可以看到最外層有三個(gè)文件夾齐饮，e2e捐寥、node_modules、src祖驱，我們主要關(guān)心的src握恳，所有的源碼都是放在這里的，src目錄文件如下：
圖1
- app 目錄里面放的是組件
- assets 目錄用來存放項(xiàng)目可能需要的圖片等資源文件
- environments 目錄主要是環(huán)境配置(如生成還是測試環(huán)境)
- main.ts 主要的入口文件
- index.html 主要的頁面
- style.css 全局樣式文件
其他是一些相關(guān)配置文件捺僻，就不說了乡洼。
再來看下app里面的具體文件
圖2
每個(gè)angular項(xiàng)目都是由很多組件形成組件樹最終組成我們整個(gè)應(yīng)用，至少需要一個(gè)模塊匕坯。圖中顯示的是自動(dòng)創(chuàng)建的根組件
- app.component.css 組件樣式
- app.component.html 組件模板
- app.component.ts 組件TypeScript文件
- app.component.spec.ts 與測試相關(guān)
- app.module.ts 核心模塊
每個(gè)angular應(yīng)用會(huì)有一個(gè)根模塊（app.module.ts）束昵，應(yīng)用啟動(dòng)時(shí)，就會(huì)加載這個(gè)模塊葛峻。每個(gè)根模塊都會(huì)有一個(gè)根組件（app.component.ts）
