Angular 啟動過程與結構分析

2021-08-19 05:51:44 字數 1485 閱讀 9077

一、angular專案的結構

用vscode開啟建立的專案:

e2e:端到端的測試

node_modules:第三方模組庫

src:專案所有檔案存在這裡

-assets:靜態資源 

-environments:包含為專案準備的環境檔案; 

-index.html:主頁面 

-main.ts:應用的主要入口; 

-polyfill.ts:填充庫,將不同的點進行標準化; 

-styles.css:進行全域性樣式 

-test.ts:單元測試的入口點; 

-tyconfig.spec.json:同上;

.angular-cli.json:angular cli的配置檔案

.editorconfig:編輯器簡單的配置檔案

.gitignore:git的配置檔案

karma.conf.js:karma的單元測試配置

package.json:npm配置檔案,裡面包含很多命令

protractor.conf.js:給protractor使用的端到端測試配置檔案,當執行e2e時會用到

tsconfig.json:typescript編譯器的配置

二、angular的啟動過程:

分析:啟動時載入了哪個頁面?

啟動時載入了哪些指令碼?

這些指令碼做了什麼事情?

1.根據.angular-cli.json檔案找到啟動載入頁面(index.html)、啟動載入指令碼(main.ts)

5.packge.json裡面有啟動web伺服器等的命令

6.在位址列輸入http://localhost:4200/

啟動成功!

Angular的啟動過程

main.ts 是啟動的起點,platformbrowserdynamic這個函式是瀏覽器平台的工廠函式,執行會返回瀏覽器平台的例項,然後對根模組進行初始化,鏈式的將所有的依賴的module都給載入進來。每個應用程式都是通過模組的using bootstrapmodule方法 建立的。import ...

Angular專案的啟動過程

大家都知道angular有很多的優點,包括 橫跨所有平台 學會用angular構建應用,然後把這些 和能力復用在多種多種不同平台的應用上 web 移動 web 移動應用 原生應用和桌面原生應用。速度與效能 通過web worker和服務端渲染,達到在如今 以及未來 的web平台上所能達到的最高速度。...

mysql啟動過程長 mysql啟動過程

mysql啟動過程經過以下順序 1.mysql讀取配置檔案的順序 讀取順序 etc my.cnf etc mysql my.cnf usr etc my.cnf my.cnf 2.mysql啟動方式 mysql啟動方式有三種 mysqld mysqld safe mysqld multi 主要用於多...