angular現在發展的越來越能完善了，在vue和react的強勢競爭下，它迎來了自己的巨大變革。項目工程化越來越好，也開始擁抱了vite這種高效的構建方式。所以，我們有必要來學習這么一個框架了。

項目實現效果

nodejs環境

• Node.js - v^18.19.1 或更高版本
• vscode最新版本

項目搭建步驟

• 全局安裝angular的腳手架環境

npm install -g @angular/cli

• 創建項目

ng new myfirstangularapp

看到最后一行就說明，項目搭建完成。

• 項目啟動

npm start

在瀏覽器打開http://localhost:4200/，這樣我們就晚上一個基礎的angular項目

項目結構

手動修改測試

修改app.component.ts文件中的title值，保存后我們看到頁面自動刷新了。

結語

整個過程非常的流暢，保證環境正確，就能一次性的完成項目初始化功能。