這節(jié)主要看src下面的目錄


資源目錄放圖片等


本機環(huán)境，開發(fā)環(huán)境、生產(chǎn)環(huán)境，不同的環(huán)境才用不同的變量值

例如本機的API的地址

生產(chǎn)環(huán)境的服務(wù)地址可能是一個網(wǎng)址的



ng build：默認(rèn)是開發(fā)環(huán)境的編譯
ng build --prod：就是生產(chǎn)環(huán)境的編譯。編譯就是對應(yīng)下面兩個環(huán)境的文件

app目錄

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


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




@Component這是裝飾器，裝飾器其實就是一個函數(shù)

裝飾器用來修飾AppComponent這個類

并設(shè)置這個類的一些屬性值

組件可以理解為angular自定義的html標(biāo)簽，也可以理解為它是頁面顯示的一部分內(nèi)容，這個內(nèi)容可能是整頁，也可能是頁面的一部分
templateUrl:模板的路徑

./表示的是當(dāng)前目錄

模板表達要怎么去顯示，顯示哪些內(nèi)容

css的路徑，可以有多個css

默認(rèn)情況下創(chuàng)建的就一個

app.module

@NgModule修飾整個模塊

模塊有這些屬性

declarations是一個數(shù)組，聲明我這個模塊有哪些組件，也可以說有哪些組件屬于我這個模塊

import：我這個模塊本身，依賴什么其他模塊


bootstrap：我的引導(dǎo)組件是什么，根模塊才會有這個bootstrap這個屬性，你進去我的模塊后，我第一個給你呈現(xiàn)出來的是什么
這就是為什么appComponent什么叫做根組件，它是一個引導(dǎo)組件

main.ts

main.ts是整個應(yīng)用的入口，類似java中的main函數(shù)或者c語言中的main函數(shù)


它會去引導(dǎo)我們的根模塊，然后在根模塊里面去引導(dǎo)跟組件


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



styles.css
全局的樣式表

test.ts:測試入口

























?

轉(zhuǎn)載于:https://www.cnblogs.com/wangjunwei/p/11101307.html

總結(jié)

以上是生活随笔為你收集整理的2-2 工程源码文件结构的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。