angular4 目錄結構

使用命令$ ng new auction建立auction項目目錄結構以下:css

  

e2e:端到端的測試目錄,自動測試用的;html

node_modules:第三方依賴包目錄;node

src:項目代碼目錄;git

angular_cli.json:angular命令行工具的配置文件;web

karma.conf.js:karma是一個單元測試的執行器,這裏是karma的配置文件,用來執行自動化測試;npm

package-lock.json:鎖定安裝時的包的版本號,而且須要上傳到git,以保證其餘人在npm install時你們的依賴能保證一致json

package.json:依賴包配置文件;瀏覽器

protractor.conf.js:用來作自動化測試的配置文件;app

tsconfig.json:typeScript配置文件,用來將ts編譯成js,(node只識別js,因此要編譯)工具

tslint.json:定義typeScript質量檢測的規則,不須要修改,建立項目規則就定義好了。

 

  

app:應用的組件和模塊,絕大部分代碼編寫在該文件夾下;

assets:存放靜態資源,js、css、圖片等

environments:環境配置,可進行多環境配置(測試、開發、生產);

index.html:項目啓動時首先加載該文件,這是全局文件,可在該文件聲明引入外部js、css等,包含<app-root>標籤;

main.ts:整個web應用執行入口點,angular經過該文件啓動整個項目;

polyfills.ts:可導入某些庫,使angular支持某些老版本的瀏覽器;

styles.css:應用全局樣式;

test.ts:自動化測試相關;

相關文章
相關標籤/搜索