最近嘗試在 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 相關資源。
... 繼續閱讀 ...
從 Angular 15 開始,預設透過 ng new
建立的專案都不會有之前的 environment.ts
環境變數檔與相關設定,由於看到有人問到這個問題,而且我發現官方文件都沒有相關說明,因此我特別撰文說明如何把這個設定加回去。
... 繼續閱讀 ...