嘿，你知道嗎？我使用 Angular，而且我喜歡它。

我的名字是 Benjamin Richard，我從 2000 年開始從事網(wǎng)路產(chǎn)業(yè)。距現(xiàn)在已經(jīng)很長一段時間了。我曾經(jīng)使用 PHP、Java 或 .Net 進(jìn)行後端工作，大部分時間都使用 MVC 模式。 MySQL、PostgreSQL，還有 Oracle DB 是我最喜歡的資料庫。當(dāng) MeteorJs 帶來他們出色的平臺時，我了解了前端技術(shù)。

為什麼要選 Angular？事實上，我無法真正解釋為什麼我在 Angular 上工作，而不是在 React 和 VueJS 上工作。我嘗試了 Vue，並用它開發(fā)了一些應(yīng)用程式。我喜歡它。但是當(dāng)它從 v2 遷移到 v3 時，我不明白為什麼他們讓它如此複雜，而它的簡單性是 Vue 1 和 2 的關(guān)鍵部分。所以我研究了 React 和 Angular。但是，在我看來，Angular 遠(yuǎn)遠(yuǎn)領(lǐng)先於 React，即使大多數(shù)開發(fā)人員並不這麼認(rèn)為。在我看來，Angular 帶來了建立應(yīng)用程式所需的一切，這是其主要優(yōu)勢。是的，你不能選擇你最喜歡的 Http 庫、表單管理等。但是 Angular 的每個部分都可以很好地協(xié)同工作。

為什麼不使用 Angular？也許是因為它很難學(xué)。?
Angular = Typescript RxJS 框架
所以你必須掌握每一項才能提高效率。這比掌握像 React 這樣的模板渲染庫還要難；-p
但這一次已經(jīng)在 2024 年結(jié)束了。你不想要 RxJS 嗎？使用信號。是的，v16 Angular 帶來了訊號概念。到 2024 年，v18 的大部分訊號功能都是穩(wěn)定的。在 v19 中，兩個新訊號帶來了使用非同步資源的新方式。現(xiàn)在，您可以在沒有 Observable 的情況下使用 Angular。我想說這不是一個好主意，因為它們確實很有用，但如果這是你不想要的東西，你可以避免這個概念。

如何開始？

自 2024 年以來，Angular 團(tuán)隊重建了網(wǎng)站，所以看看 https://angular.dev 內(nèi)容確實令人印象深刻。

然後，您需要取得 NodeJS >v18.19.1 並且可以將其安裝在某個地方（使用 docker 或其他任何東西）：

npm install -g @angular/cli

現(xiàn)在您已經(jīng)有了 Angular cli，您可以使用它來啟動專案：

新建我的新專案

您必須選擇一些配置，例如是否使用伺服器端渲染、使用 Sass、Scss 或其他。僅此而已。

它將建立一個帶有簡單主頁的資料夾「my-new-project」。 Angular 的優(yōu)點在於您可以在 Angular.json 檔案中自訂您的專案。原理圖部分可讓您定義使用 Cli 產(chǎn)生程式碼時的工作方式：
您想要像 Vue 這樣的單一檔案元件中包含 html 和 css 嗎？是的，你可以。您想定義變更偵測策略嗎？是的，你可以。
一切都在節(jié)點projects.my-new-project.schematics
下 它的預(yù)設(shè)值是透過使用“ng new”命令中的答案來定義的。
嘿，我忘了一件事：「ng new」指令有很多可用參數(shù)。但我會讓你發(fā)現(xiàn)它們。

現(xiàn)在您的專案已初始化，是時候啟動它了：

服務(wù)

開啟瀏覽器 http://localhost:4200 就可以了。

這篇文章就結(jié)束了，下一篇是關(guān)於元件創(chuàng)建的。

再見！

[注意] 所有文章均使用 Angular v19*
中的命令 [原文] https://medium.com/@rebolon/yet-another-angular-article-part-1-8f9ae6526189

以上是另一篇 Angular 文章，第 1 部分的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！