我最近幫一位同事整理一個已經維護 7 年的 Angular 專案，結果發現一個前後端分離的專案，只有「後端」有設定 CI / CD，前端一直以來都是人工建置與部署。我在弄 CI / CD 的時候，發現了許多 npm 套件版本有依賴問題，為了能消除這些惱人的警告，花了我好幾個小時的時間才得到徹底的解決。我這次會遇到套件依賴問題，就是因為當初的開發人員搞不定，多年來一直都視而不見，依賴問題從來都沒有搞定過，每次換人維護都用 npm install --force 或 npm install --legacy-peer-deps 來解決問題，然後一代傳一代，變成祖傳的慣例，變成技術債。如果專案有個維護妥當的 package-lock.json 檔案，其實要還原套件不是什麼難事，今天這篇文章我就來深入探討這個問題。
... 繼續閱讀 ...
最近嘗試在 Angular 的「獨立元件」架構下撰寫單元測試，發現有些技巧官方文件沒寫清楚的問題，需要特別注意。除此之外，這篇文章我還打算整理一些學習資源給大家參考。
... 繼續閱讀 ...
我們最近有個 Angular 專案需要用到多國語系架構，所以重新看了一遍 Angular Internationalization 官方文件，並且實際操作了一遍，這篇文章我就稍微記錄一下這個過程與注意事項。
... 繼續閱讀 ...
我們在 Angular 官網的 Version compatibility 頁面可以看到不同版本的 Angular 其實有匹配的 Node.js 版本，太新的 Node.js 不能用，太舊也不能用。不過，我們通常在開發 Angular 一段時間後，多少都會面臨到需要維護不同專案採用不同 Angular 版本的狀況，這時候你就會需要管理多個不同版本的 Node.js 執行環境，這時候就可以考慮使用 NVM 來管理多個不同的 Node.js 版本。
... 繼續閱讀 ...
Angular 官方正式推出 angular.dev 全新官網，未來將取代 angular.io 成為主要的 Angular 官方網站。這篇文章我將翻譯官方部落格釋出的 Announcing Angular.dev 文章並翻譯成中文，跟大家分享這個 Angular 的文藝復興時刻！
... 繼續閱讀 ...
今天收到一個 Angular 9 的老舊專案，由於我電腦目前的 Node.js 版本太新，無法正常開發，由於我只是單純的想在本機建置專案，所以決定使用 Docker 容器來準備建置環境。這篇文章我就來分享如何快速在容器中打造一個 Angular 的建置環境。
... 繼續閱讀 ...
Angular 16 有個新特性，可以大幅簡化取得路由參數的語法，對新手老手來說都是福音，這篇文章我就來說說這個全新路由特性，相信這個特性大家看了都喜歡！😍
... 繼續閱讀 ...
Tailwind CSS 是一個目前正夯的前端 CSS 框架，用於快速開發現代網頁應用程序，在我們公司也在許多專案使用。它提供了一組可重用的 CSS 類別，這些類別可以應用於 HTML 元素，以快速設計和定義網頁的外觀和排版。本篇文章我將分享如何在 Angular 16 專案加入 Tailwind CSS 相關資源。
... 繼續閱讀 ...
Bootstrap 5 是一個流行的前端開發框架，用於構建具有響應式設計的網站和應用程序。Bootstrap 最初由 Twitter 團隊開發，並於 2011 年首次發布。Bootstrap 5 是 Bootstrap 框架的最新版本，於 2020 年底發布。本篇文章我將分享如何用最有效率的方式在 Angular 16 專案加入 Bootstrap 5 相關資源。
... 繼續閱讀 ...