首頁 > web前端 > js教程 > 另一篇 Angular 文章,第 1 部分

另一篇 Angular 文章,第 1 部分

Mary-Kate Olsen
發布: 2024-12-05 20:40:12
原創
849 人瀏覽過

Yet Another Angular Article, Part 1

嘿,你知道嗎?我使用 Angular,而且我喜歡它。

我的名字是 Benjamin Richard,我從 2000 年開始從事網路產業。距現在已經很長一段時間了。我曾經使用 PHP、Java 或 .Net 進行後端工作,大部分時間都使用 MVC 模式。 MySQL、PostgreSQL,還有 Oracle DB 是我最喜歡的資料庫。當 MeteorJs 帶來他們出色的平台時,我了解了前端技術。

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

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

如何開始?

自 2024 年以來,Angular 團隊重建了網站,所以看看 https://angular.dev 內容確實令人印象深刻。

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

npm install -g @angular/cli

現在您已經有了 Angular cli,您可以使用它來啟動專案:

新建我的新專案

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

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

現在您的專案已初始化,是時候啟動它了:

服務

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

這篇文章就結束了,下一篇是關於元件創建的。

再見!

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

以上是另一篇 Angular 文章,第 1 部分的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板