項(xiàng)目文件概覽

src文件夾

文件 用途
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 buildng serve 傳入 --aot 參數(shù)就可以了
polyfills.ts 不同的瀏覽器對(duì)Web標(biāo)準(zhǔn)的支持程度也不同。 填充庫(kù)(polyfill)能幫我們把這些不同點(diǎn)進(jìn)行標(biāo)準(zhǔn)化。 你只要使用core-jszone.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)備的。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容