node_modules    第三方依賴包存放目錄
e2e         端到端的測(cè)試目錄 用來做自動(dòng)測(cè)試的
src         應(yīng)用源代碼目錄 
.angular-cli.json  Angular命令行工具的配置文件。后期可能會(huì)去修改它，引一些其他的第三方的包 比如jquery等
karma.conf.js    karma是單元測(cè)試的執(zhí)行器，karma.conf.js是karma的配置文件
package.json    這是一個(gè)標(biāo)準(zhǔn)的npm工具的配置文件，這個(gè)文件里面列出了該應(yīng)用程序所使用的第三方依賴包。實(shí)際上我們?cè)谛陆?xiàng)目的時(shí)候，等了半天就是在下載第三方依賴包。下載完成后會(huì)放在node_modules這個(gè)目錄中，后期我們可能會(huì)修改這個(gè)文件。
protractor.conf.js 也是一個(gè)做自動(dòng)化測(cè)試的配置文件
README.md      說明文件
tslint.json     是tslint的配置文件，用來定義TypeScript代碼質(zhì)量檢查的規(guī)則，不用管它

app目錄        包含應(yīng)用的組件和模塊，我們要寫的代碼都在這個(gè)目錄
assets目錄      資源目錄，存儲(chǔ)靜態(tài)資源的 比如圖片
environments目錄   環(huán)境配置。Angular是支持多環(huán)境開發(fā)的，我們可以在不同的環(huán)境下（開發(fā)環(huán)境，測(cè)試環(huán)境，生產(chǎn)環(huán)境）共用一套代碼，主要用來配置環(huán)境的
index.html     整個(gè)應(yīng)用的根html，程序啟動(dòng)就是訪問這個(gè)頁面
main.ts       整個(gè)項(xiàng)目的入口點(diǎn)，Angular通過這個(gè)文件來啟動(dòng)項(xiàng)目
polyfills.ts    主要是用來導(dǎo)入一些必要庫，為了讓Angular能正常運(yùn)行在老版本下
styles.css     主要是放一些全局的樣式
tsconfig.app.json  TypeScript編譯器的配置,添加第三方依賴的時(shí)候會(huì)修改這個(gè)文件
tsconfig.spec.json 不用管
test.ts       也是自動(dòng)化測(cè)試用的
typings.d.ts    不用管

/*這里是從Angular核心模塊里面引入了component裝飾器*/
import {Component} from '@angular/core';

/*用裝飾器定義了一個(gè)組件以及組件的元數(shù)據(jù) 所有的組件都必須使用這個(gè)裝飾器來注解*/
@Component({
 /*組件元數(shù)據(jù) Angular會(huì)通過這里面的屬性來渲染組件并執(zhí)行邏輯
 * selector就是css選擇器，表示這個(gè)組件可以通過app-root來調(diào)用，index.html中有個(gè)<app-root>Loading...</app-root>標(biāo)簽，這個(gè)標(biāo)簽用來展示該組件的內(nèi)容
 *templateUrl 組件的模板，定義了組件的布局和內(nèi)容
 *styleUrls  該模板引用那個(gè)css樣式
 * */
 selector: 'app-root',
 templateUrl: './app.component.html',
 styleUrls: ['./app.component.css']
})
/*AppComponent本來就是一個(gè)普通的typescript類，但是上面的組件元數(shù)據(jù)裝飾器告訴Angular，AppComponent是一個(gè)組件，需要把一些元數(shù)據(jù)附加到這個(gè)類上，Angular就會(huì)把AppComponent當(dāng)組件來處理*/
export class AppComponent {
 /*這個(gè)類實(shí)際上就是該組件的控制器，我們的業(yè)務(wù)邏輯就是在這個(gè)類中編寫*/
 title = '學(xué)習(xí)Angular';
}