筆者寫於2021年7月13日，如果讀者看到時覺得間隔太久，建議以官方文件為準

angular(簡稱ng)是js的三大框架之一，竊以為揉合了react與vue的思想(認知所限，目前暫以為)。由於專案需要，便提前學習一些作為知識儲備。

專案需求：使用antd-ng作為ui框架，使用ng作為技術框架

一：安裝

讀者請務必保證本機有node且應為較新環境

npm install -g @angular/cli

命令列下使用ng --version檢查是否安裝成功

命令列中出現以上字樣即說明ng在本地安裝成功。

二：使用cli建立專案

使用ng new projectname建立專案，不允許有大寫字母：

ng new myng2

回車

回車後可能會無響應，此時可以ctrl+c停止並再次執行ng new myng2命令

此時會彈出以下問題：想要新增ng路由嗎？

點選Y

彈出以下問題：選擇哪種css語言？ css/less/sass/scss，上下方向鍵選中，enter確定

隨即將進入安裝階段，等待即可

隨後cd myng2

執行 npm run ng執行專案

預設情況下，專案會跑在http://localhost:4200/

輸入頁面回顯hello,world

main.ts是專案的入口檔案，匯入了app目錄，app目錄是專案的頁面的入口項，即所有頁面的根頁面

app.html刪除所有冗餘程式碼，保留<router-outlet></router-outlet>

<!-- app.html -->

<div>
  hello,world
</div>
<router-outlet></router-outlet>

app.html中主要寫頁面，邏輯寫在app.ts中

今天第一次學習ng，大致瞭解下流程

以上。