| app/app.component.{ts,html,css,spec.ts} |
使用HTML模板、CSS樣式和單元測(cè)試定義AppComponent組件。 它是根組件,隨著應(yīng)用的成長(zhǎng)它會(huì)成為一棵組件樹(shù)的根節(jié)點(diǎn)。 |
| app/app.module.ts |
定義AppModule,這個(gè)根模塊會(huì)告訴Angular如何組裝該應(yīng)用。 目前,它只聲明了AppComponent。 稍后它還會(huì)聲明更多組件 |
| assets/* |
這個(gè)文件夾下你可以放圖片等任何東西,在構(gòu)建應(yīng)用時(shí),它們?nèi)紩?huì)拷貝到發(fā)布包中。 |
| environments/* |
這個(gè)文件夾中包括為各個(gè)目標(biāo)環(huán)境準(zhǔn)備的文件,它們導(dǎo)出了一些應(yīng)用中要用到的配置變量。 這些文件會(huì)在構(gòu)建應(yīng)用時(shí)被替換。 比如你可能在產(chǎn)品環(huán)境中使用不同的API端點(diǎn)地址,或使用不同的統(tǒng)計(jì)Token參數(shù)。 甚至使用一些模擬服務(wù)。 所有這些,CLI都替你考慮到了。 |
| favicon.ico |
每個(gè)網(wǎng)站都希望自己在書(shū)簽中能好看一點(diǎn)。請(qǐng)把它換成你自己的圖標(biāo)。 |
| index.html |
這是別人訪問(wèn)你的網(wǎng)站是看到的主頁(yè)面的HTML文件。 大多數(shù)情況下你都不用編輯它。 在構(gòu)建應(yīng)用時(shí),CLI會(huì)自動(dòng)把所有js和css文件添加進(jìn)去,所以你不必在這里手動(dòng)添加任何 <script> 或 <link> 標(biāo)簽。 |
| main.ts |
這是應(yīng)用的主要入口點(diǎn)。 使用JIT compiler編譯器編譯本應(yīng)用,并啟動(dòng)應(yīng)用的根模塊AppModule,使其運(yùn)行在瀏覽器中。 你還可以使用AOT compiler編譯器,而不用修改任何代碼 —— 只要給ng build 或 ng serve 傳入 --aot 參數(shù)就可以了 |
| polyfills.ts |
不同的瀏覽器對(duì)Web標(biāo)準(zhǔn)的支持程度也不同。 填充庫(kù)(polyfill)能幫我們把這些不同點(diǎn)進(jìn)行標(biāo)準(zhǔn)化。 你只要使用core-js 和 zone.js通常就夠了,不過(guò)你也可以查看瀏覽器支持指南以了解更多信息。 |
| styles.css |
這里是你的全局樣式。 大多數(shù)情況下,你會(huì)希望在組件中使用局部樣式,以利于維護(hù),不過(guò)那些會(huì)影響你整個(gè)應(yīng)用的樣式你還是需要集中存放在這里。 |
| test.ts |
這是單元測(cè)試的主要入口點(diǎn)。 它有一些你不熟悉的自定義配置,不過(guò)你并不需要編輯這里的任何東西。 |
| tsconfig.(https://www.angular.cn/api/common/JsonPipe) |
TypeScript編譯器的配置文件是為Angular應(yīng)用準(zhǔn)備的,而是為單元測(cè)試準(zhǔn)備的。 |