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

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

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

為什么不使用 Angular？也許是因?yàn)樗茈y學(xué)。?
Angular = Typescript RxJS 框架
所以你必須掌握每一項(xiàng)才能提高效率。這比掌握像 React 這樣的模板渲染庫(kù)還要難；-p
但這一次已經(jīng)在 2024 年結(jié)束了。你不想要 RxJS 嗎？使用信號(hào)。是的，v16 Angular 帶來(lái)了信號(hào)概念。到 2024 年，v18 的大部分信號(hào)功能都是穩(wěn)定的。在 v19 中，兩個(gè)新信號(hào)帶來(lái)了一種使用異步資源的新方式?，F(xiàn)在，您可以在沒(méi)有 Observable 的情況下使用 Angular。我想說(shuō)這不是一個(gè)好主意，因?yàn)樗鼈兇_實(shí)很有用，但如果這是你不想要的東西，你可以避免這個(gè)概念。

如何開(kāi)始？

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

然后，您需要獲取 NodeJS >v18.19.1 并且可以將其安裝在某個(gè)地方（使用 docker 或其他任何東西）：

npm install -g @angular/cli

現(xiàn)在您已經(jīng)有了 Angular cli，您可以使用它來(lái)啟動(dòng)項(xiàng)目：

新建我的新項(xiàng)目

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

它將創(chuàng)建一個(gè)帶有簡(jiǎn)單主頁(yè)的文件夾“my-new-project”。 Angular 的優(yōu)點(diǎn)在于您可以在 Angular.json 文件中自定義您的項(xiàng)目。原理圖部分允許您定義使用 Cli 生成代碼時(shí)的工作方式：
您想要像 Vue 這樣的單個(gè)文件組件中包含 html 和 css 嗎？是的，你可以。您想定義變更檢測(cè)策略嗎？是的，你可以。
一切都在節(jié)點(diǎn)projects.my-new-project.schematics
下 它的默認(rèn)值是通過(guò)使用“ng new”命令中的答案來(lái)定義的。
嘿，我忘了一件事：“ng new”命令有很多可用參數(shù)。但我會(huì)讓你發(fā)現(xiàn)它們。

現(xiàn)在您的項(xiàng)目已初始化，是時(shí)候啟動(dòng)它了：

服務(wù)

打開(kāi)瀏覽器 http://localhost:4200 就可以了。

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

再見(jiàn)！

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

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