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


資源目錄放圖片等


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

例如本機(jī)的API的地址

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



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

app目錄

app.module .ts是根模塊，相對(duì)功能獨(dú)立的一組代碼組合在一起就組成一個(gè)模塊


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




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

裝飾器用來(lái)修飾AppComponent這個(gè)類(lèi)

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

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

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

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

css的路徑，可以有多個(gè)css

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

app.module

@NgModule修飾整個(gè)模塊

模塊有這些屬性

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

import：我這個(gè)模塊本身，依賴(lài)什么其他模塊


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

main.ts

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


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


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



styles.css
全局的樣式表

test.ts:測(cè)試入口

























?

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

總結(jié)

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

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