Angular-cli目錄結構

上一篇文章咱們已經知道怎麼經過angular-cli命令行工做建立angular項目，建立新項目後，首先要弄清楚angular的目錄結構

首層目錄

node_modules

node_modules	第三方依賴包存放目錄
e2e	端到端的測試目錄，用來作測試的
src	應用源代碼目錄
.angular-cli.json	Angular命令行工具的配置文件。後期可能會修改它引一些其餘第三方的包，例如jquery
kerams.conf.js	karma是單元測試的執行器，karam.conf.js是karams的配置文件
package.json	這是一個標準的npm工做的配置文件，這個文件裏面列出了該應用程序所使用的第三方依賴包。實際上咱們在新建項目的時候，等了半天就是在下載第三方依賴包，下載完成後會放在node_modules這個目錄中
protractor.conf.js	這是一個作自動化測試的配置文件
README.md	說明文件
tslint.json	是tslint的配置文件，用來定義typeScript代碼質量檢查的規則，不須要管

src目錄

app目錄	包含應用的組件和模塊，咱們要寫的代碼在這個目錄
assets目錄	資源目錄，存儲靜態資源，好比圖片
environments目錄	環境配置，angular是支持多環境開發的，咱們能夠在不一樣的環境下（開發環境，測試環境，生產環境）共用一套代碼，主要用來配置環境
index.html	整個應用的根html，程序啓動就是訪問這個頁面
main.ts	整個項目的入口點，Angular經過這個文件來啓動項目
polyfills.ts	主要用來導入必要的庫，爲了讓angular能正常運行在老版本下
styles.css	全局樣式
tsconfig.app.json	TypeScript編譯器的配置，添加第三方依賴的時候會修改這個文件
tsconfig.spec.json	不須要管
test.ts	自動化測試用的
typings.d.ts	不須要管

一個Angular程序至少須要一個模塊和一個組件。在咱們新建項目的時候命令行已經默認生成出來了。