The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

使用 NVM (Node Version Manager) 管理多個不同版本的 Node.js 執行環境

我們在 Angular 官網的 Version compatibility 頁面可以看到不同版本的 Angular 其實有匹配的 Node.js 版本,太新的 Node.js 不能用,太舊也不能用。不過,我們通常在開發 Angular 一段時間後,多少都會面臨到需要維護不同專案採用不同 Angular 版本的狀況,這時候你就會需要管理多個不同版本的 Node.js 執行環境,這時候就可以考慮使用 NVM 來管理多個不同的 Node.js 版本。

... 繼續閱讀 ...

如何在 Docker 容器中建置舊版 Angular 應用程式

今天收到一個 Angular 9 的老舊專案,由於我電腦目前的 Node.js 版本太新,無法正常開發,由於我只是單純的想在本機建置專案,所以決定使用 Docker 容器來準備建置環境。這篇文章我就來分享如何快速在容器中打造一個 Angular 的建置環境。

... 繼續閱讀 ...

如何在 Angular 16 加入 Tailwind CSS 網頁框架

Tailwind CSS 是一個目前正夯的前端 CSS 框架,用於快速開發現代網頁應用程序,在我們公司也在許多專案使用。它提供了一組可重用的 CSS 類別,這些類別可以應用於 HTML 元素,以快速設計和定義網頁的外觀和排版。本篇文章我將分享如何在 Angular 16 專案加入 Tailwind CSS 相關資源。

... 繼續閱讀 ...

如何在 Angular 16 加入 Bootstrap 5 網頁框架

Bootstrap 5 是一個流行的前端開發框架,用於構建具有響應式設計的網站和應用程序。Bootstrap 最初由 Twitter 團隊開發,並於 2011 年首次發布。Bootstrap 5 是 Bootstrap 框架的最新版本,於 2020 年底發布。本篇文章我將分享如何用最有效率的方式在 Angular 16 專案加入 Bootstrap 5 相關資源。

... 繼續閱讀 ...

如何在 Angular 16 加入 environments.ts 環境變數支援

從 Angular 15 開始,預設透過 ng new 建立的專案都不會有之前的 environment.ts 環境變數檔與相關設定,由於看到有人問到這個問題,而且我發現官方文件都沒有相關說明,因此我特別撰文說明如何把這個設定加回去。

... 繼續閱讀 ...