Angular4.0的目錄結(jié)構(gòu)描述

angular4.0 目錄結(jié)構(gòu)介紹如下圖。


index.html這是別人訪問(wèn)你的網(wǎng)站是看到的主頁(yè)面的HTML文件。 大多數(shù)情況下你都不用編輯它。 在構(gòu)建應(yīng)用時(shí),CLI會(huì)自動(dòng)把所有js和css文件添加進(jìn)去,所以你不必在這里手動(dòng)添加任何 或 標(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.{app|spec}.jsonTypeScript編譯器的配置文件。tsconfig.app.json是為Angular應(yīng)用準(zhǔn)備的,而tsconfig.spec.json是為單元測(cè)試準(zhǔn)備的。

根目錄

src/文件夾是項(xiàng)目的根文件夾之一。 其它文件是用來(lái)幫助你構(gòu)建、測(cè)試、維護(hù)、文檔化和發(fā)布應(yīng)用的。它們放在根目錄下,和src/平級(jí)。

文件

用途

e2e/在e2e/下是端到端(End-to-End)測(cè)試。 它們不在src/下,是因?yàn)槎说蕉藴y(cè)試實(shí)際上和應(yīng)用是相互獨(dú)立的,它只適用于測(cè)試你的應(yīng)用而已。 這也就是為什么它會(huì)擁有自己的tsconfig.json。

node_modules/Node.js創(chuàng)建了這個(gè)文件夾,并且把package.json中列舉的所有第三方模塊都放在其中。

.angular-cli.jsonAngular CLI的配置文件。 在這個(gè)文件中,我們可以設(shè)置一系列默認(rèn)值,還可以配置項(xiàng)目編譯時(shí)要包含的那些文件。 要了解更多,請(qǐng)參閱它的官方文檔。

.editorconfig給你的編輯器看的一個(gè)簡(jiǎn)單配置文件,它用來(lái)確保參與你項(xiàng)目的每個(gè)人都具有基本的編輯器配置。 大多數(shù)的編輯器都支持.editorconfig文件,詳情參見(jiàn)http://editorconfig.org。

.gitignore一個(gè)Git的配置文件,用來(lái)確保某些自動(dòng)生成的文件不會(huì)被提交到源碼控制系統(tǒng)中。

karma.conf.js給Karma的單元測(cè)試配置,當(dāng)運(yùn)行ng test時(shí)會(huì)用到它。

package.jsonnpm配置文件,其中列出了項(xiàng)目使用到的第三方依賴包。 你還可以在這里添加自己的自定義腳本

protractor.conf.js給Protractor使用的端到端測(cè)試配置文件,當(dāng)運(yùn)行ng e2e的時(shí)候會(huì)用到它。

README.md項(xiàng)目的基礎(chǔ)文檔,預(yù)先寫入了CLI命令的信息。 別忘了用項(xiàng)目文檔改進(jìn)它,以便每個(gè)查看此倉(cāng)庫(kù)的人都能據(jù)此構(gòu)建出你的應(yīng)用。

tsconfig.jsonTypeScript編譯器的配置,你的IDE會(huì)借助它來(lái)給你提供更好的幫助。

tslint.json給TSLintCodelyzer用的配置信息,當(dāng)運(yùn)行ng lint時(shí)會(huì)用到。 Lint功能可以幫你保持代碼風(fēng)格的統(tǒng)一。

最后編輯于
?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 47,275評(píng)論 6 342
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,569評(píng)論 19 139
  • Angular CLI 是什么? Angular CLI 是一個(gè)命令行接口(Command Line Interf...
    semlinker閱讀 4,329評(píng)論 0 39
  • 【海雄讀書分享】如你所知,文案人練就一身功夫,并非為了隨心所欲,而是為了在隨時(shí)隨地的實(shí)戰(zhàn)中,皆能光榮地完成任務(wù),使...
    學(xué)爸日記閱讀 192評(píng)論 0 0
  • 應(yīng)老板的要求,來(lái)武漢出這趟差。 這次出差最主要的目的是來(lái)幫助這邊的過(guò)程質(zhì)量。當(dāng)然我的那兩把刷子也是靠自己的摸索。感...
    JC賈閱讀 192評(píng)論 3 0

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