我最近正在開發 Angular 17 項目,並渴望探索 Angular 18 令人興奮的新功能。但是,我希望以一種不會影響已經投入生產或正在運行的現有項目的方式來實現這一點。品質檢查階段。這提出了一些挑戰:
利用節點版本管理器 (NVM):
為了解決這個問題,我決定利用節點版本管理器(NVM)。 NVM 可讓您管理系統上的多個 Node.js 版本,讓您可以輕鬆地在不同專案之間進行切換。我的設定方法如下:
安裝NVM:您可以按照NVM官網的說明在這裡下載並安裝。
安裝 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),而不影響全域安裝。
驚喜!還沒有完全實現:
當我嘗試使用 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:
等待安裝必要的依賴項後,我有一個全新的 Angular 18 專案(my-angular-18-project)準備就緒!這使我能夠探索 Angular 18 的所有新功能,包括令人興奮的 @let 語法,而不會幹擾我現有的 Angular 17 專案。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3