----------------------------目錄說明---------------------------------
一、e2e:端到端的測試目錄
二、src:源代碼目錄。
2.1 src->app:我們自己寫的代碼
2.1.1 src->app->app.companat.ts:(組件)用@Component聲明的一個ts類。
2.1.2 src->app->app.module.ts:(模塊)一個模塊也是一個帶着@NgModule裝飾器的typescript類。
用@NgModule聲明瞭一個模塊,在這個模塊中:
首先用delarations聲明瞭這個模塊中有什麼東西。這裏只能聲明組件,指令,管道。
imports:聲明要讓應用正常運轉,還需要什麼東西。也就是這個模塊依賴的其他模塊
(
BrowerModule:開發web應用的必選模塊,瀏覽器模塊。
FormsModule:處理表單的模塊。
HpptModule:http服務的模塊。與服務器通訊。
)。當你引用了這些模塊以後,你就可以在你的應用中使用這些模塊提供的組件、指令和服務。
providers:用來聲明模塊中提供了什麼服務。(這裏只能聲明服務,服務只能生命在這裏)
bootsrap:聲明瞭模塊的主組件。
2.2 src->assets:靜態文件目錄
2.3 src->environments:環境配置,可以運行在不同的環境下(開發,測試,生產環境)。在編譯的時候,根據不同的環境進行編譯
2.4 src->index.html:整個應用的根html,第一次系統起來訪問這個文件。必須有app-root標籤
2.5 src->main.ts:腳本運行的入口點。
2.6 src->polifile.ts:用來導入一些必要的庫,是使ng可以正常的運行在某些老的瀏覽器
2.7 src->styles.css:應用全局的樣式
2.8 src->test.ts:搞自動化測試用的
2.9 src->tfconfig.json:typescript編譯器的配置(不用改動)
三、.editorconfig:webstorm的配置文件
四、.gitignore:git的配置文件
五、angular-cli.json:angular命令行工具配置文件。後面會去修改。會引用其他第三方的包(jq,bootstrap等)
六、karma.config.js:karma執行自動化測試。
七、package.json:標準的npm的配置文件。第三方的依賴包。dependencis()devDependencis()
八、protractor.config.js:做自動化測試的一個配置文件。
九、readme.txt:angular命令行生成的一個標準使用說明
十、tslint.json:定義typescript質量的規則