Angular 項目目錄結構和文件詳細介紹

最近更新時間 2020-11-26 20:41:34

Angular CLI: 10.2.0。

運行 Angular CLI 命令 ng new 默認會創建一個骨架應用及端到端測試項目。它可以運行,也很容易修改。這個根應用與工作空間同名,其源文件位於工作空間的 src/ 子文件夾中。

創建項目

ng new ng-project

目錄結構如下所示:

├─ .browserslistrc  # 配置目標瀏覽器和 Node.js 版本。
├─ .editorconfig  # 代碼編輯器的配置。
├─ .gitignore     # Git 忽略的不必追蹤的文件。
├─ angular.json   # 指定 CLI 的配置。
├─ package.json   # 項目依賴的 npm 包。
├─ tslint.json    # TSLint 配置。
├─ tsconfig.json  # 項目的默認 TypeScript 配置。
├─ README.md      # README文件。
├─ karma.conf.js  # 應用專屬的 Karma 配置。
├─ package-lock.json   # 安裝到本地軟件包的版本信息。
├─ tsconfig.app.json   # 應用專屬的 TypeScript 配置。
├─ tsconfig.spec.json  # 測試的 TypeScript 配置。
├─ src            # 根項目的源文件。
│  └ app          # 應用邏輯和數據的組件文件。
│    ├─ app.module.ts # AppModule 的根模塊。
│    ├─ app.component.ts # 定義應用的根組件和邏輯。
│    ├─ app.component.html # 組件模板文件。
│    ├─ app.component.scss # 組件CSS 樣式表。
│    ├─ app-routing.module.ts # 路由配置文件。
│    └─ app.component.spec.ts # 組件單元測試。
├─ assets  # 圖像和其它靜態資源文件。
├─ environments # 環境的構建配置選項。
│  ├ environment.prod.ts # 生產環境構建選項。
│  └ environment.ts # 非生成環境構建選項。
├─ index.html  # 主要 HTML 頁面。
├─ main.ts     # 應用入口文件。
├─ styles.scss # 項目 CSS 文件。
├─ test.ts     # 單元測試入口。
├─ polyfills.ts # 瀏覽器膩子(polyfill)腳本。
├─ index.html  # 圖像和其它靜態資源文件。
└─ e2e         # 端到端測試文件
   ├ src
   │ ├ app.e2e-spec.ts
   │ └ app.po.ts
   ├ protractor.conf.js
   └ tsconfig.json
rss_feed