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