」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 安全地試驗 Angular 現有專案的開發人員指南

安全地試驗 Angular 現有專案的開發人員指南

發佈於2024-08-07
瀏覽:329

在不中斷現有專案的情況下探索 Angular 18

我最近正在開發 Angular 17 項目,並渴望探索 Angular 18 令人興奮的新功能。但是,我希望以一種不會影響已經投入生產或正在運行的現有項目的方式來實現這一點。品質檢查階段。這提出了一些挑戰:

  • 全域 Angular 17: 我在全域安裝了 Angular CLI 版本 17。
  • Angular 18 需求: Node.js 版本 18.19 或更高版本是 Angular 18 的先決條件。
  • 保留現有項目:我需要保持現有的 Angular 17 項目不變。

利用節點版本管理器 (NVM):

為了解決這個問題,我決定利用節點版本管理器(NVM)。 NVM 可讓您管理系統上的多個 Node.js 版本,讓您可以輕鬆地在不同專案之間進行切換。我的設定方法如下:

  1. 安裝NVM:您可以按照NVM官網的說明在這裡下載並安裝。

  2. 安裝 Node.js 18 : 安裝 NVM 後,我使用了指令

nvm install latest 

這安裝了最新的 Node.js 版本(當時是 22.4.1)。

創造單獨的開發環境:

接下來,我為我的 Angular 18 實踐專案創建了一個單獨的目錄。這有助於將環境與我現有的專案隔離。

本地安裝 Angular 18:

要為此特定項目安裝 Angular 18,我使用了以下命令:

npm install @angular/cli@latest 

注意缺少 -g。這會在專案目錄中本地安裝最新的 Angular CLI 版本(當時是 18.1.0),而不影響全域安裝。

驚喜!還沒有完全實現:

Angular 17 (Global installation)

當我嘗試使用 ng newpractice-project 建立新專案時,它預設使用全域安裝的 Angular CLI 版本 (17)。這就是 npx 的魔力所在。

介紹節點套件執行器(npx):

npx 允許您從 npm 執行套件,而無需全域安裝它們。事實證明,這是在我的新專案中使用特定 Angular CLI 版本 (18) 的關鍵。這是獲勝命令:

npx @angular/cli@18 new my-angular-18-project

我透過執行 ng version 來驗證專案

Angular 18 (Local configured)

成功!探索 Angular 18:

等待安裝必要的依賴項後,我有一個全新的 Angular 18 專案(my-angular-18-project)準備就緒!這使我能夠探索 Angular 18 的所有新功能,包括令人興奮的 @let 語法,而不會幹擾我現有的 Angular 17 專案。

版本聲明 本文轉載於:https://dev.to/ingila185/safely-experiment-with-angular-18-a-guide-for-developers-with-existing-16-17-projects-3c3?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3