1. 程式人生 > >由angular命令行工具(angular-cli)生成的目錄和文件

由angular命令行工具(angular-cli)生成的目錄和文件

editor rip node main 瀏覽器中 自動 端到端 pac sets

  • e2e目錄:是端到端的測試目錄,包含基本的測試樁。是用來做自動測試的。
  • src:應用源代碼目錄。我們寫的所有代碼都應該在這裏面。
    • app:包括應用的組件和模塊。我們自己寫的絕大部分代碼都是寫在這個目錄下的。
    • assets:此目錄用來存靜態資源。比如圖片。
    • environments:環境配置。angular是支持多環境開發的,可以在不同的環境,比如可以在開發環境、測試環境、生成環境共用一套代碼,然後把這些環境不同的配置(比如後臺服務的地址,可能開發環境和生成環境是不一樣的)寫在不同環境的配置文件裏,然後angular在編譯的時候會把相應環境的配置文件編譯到你的代碼裏去。
    • index.html
      整個應用的根html
    • main.ts 是整個web應用的入口點,是腳本執行的入口點。angular通過這個文件來啟動你的整個項目。
    • polyfills.ts 此文件用來導入一些必要的庫。這些庫是為了讓angular正常運行在一些老版本的瀏覽器中。
    • styles.css 放應用的全局樣式
    • test.ts 用來做自動化測試
    • tsconfig.json 是typescript編譯器的配置文件
  • .editorconfig 是IDE的配置文件。
  • .gitignore 是Git的配置文件。
  • angular-cli.json 是angular命令行工具的配置文件。
    • 引用一些第三方的包,比如jQuery、Bootstrap,就是通過修改這個文件實現的。
  • karma.config.js karma是一個單元測試的執行器,用於執行自動化的測試。此文件是karma的配置文件
  • package.json 是一個標準的npm工具的配置文件。在這裏文件裏面列明了當前應用所使用到的第三方依賴包。
    • 為當前應用安裝包的時候,就是按照這個文件dependencies裏配置的內容去下載第三方依賴包,下載下來以後,會將這些包放到"node_modules"目錄裏面
  • node_modules目錄:該目錄放的都是第三方的依賴包,我們自己寫的代碼不要放在這裏面。
  • protractor.conf.js 和karma.config.js類似,也是用來做自動化測試的配置文件
  • README.md 一個markdown文件,包含了angular命令行工具生成的項目的一個標準說明。包括如何構建、測試、運行項目。
  • tslint.json 這是tslint的配置文件。tslint它是用來定義typescript代碼質量檢查的一些規則。

由angular命令行工具(angular-cli)生成的目錄和文件