如何在不安裝 Angular CLI 的情況下建立 Angular 專案的特定版本

您是否正在使用 Angular 並需要使用不同的 Angular 版本設定項目？這是為特定版本建立 Angular 專案的簡單指南，無論是否使用 Angular CLI！

為什麼要使用特定的 Angular 版本？

在處理多個 Angular 專案時，有時您需要鎖定特定版本。也許您的專案依賴於僅在特定版本中可用的某些功能，或者可能需要與遺留程式碼庫相容。

以下是如何建立具有特定 Angular 版本的專案 - 無論您是否使用 CLI！

---

1. 建立 Angular 專案不安裝 Angular CLI

您是否知道無需安裝 CLI 即可初始化特定版本的 Angular 專案？讓我們看看語法和範例。

句法

npm init @angular@3d689bd3819ead35ed794427bd12f459 1b8b62ddc634804650a3eb289a01f98b

替換;使用您想要的 Angular 版本和 與您的專案名稱。例如，如果您想建立一個名為 SampleApp 的 Angular 16 項目，您可以執行：

例子

npm init @angular@16 sampleApp

此方法設定了一個基本的 Angular 項目，無需全域安裝 Angular CLI。如果您想避免安裝額外的工具或在受限的環境中工作，它會很方便。

其他例子

• 名為legacyApp的Angular 13專案：
  

  npm init @angular@13 legacyApp
  

此指令直接拉取必要的 Angular 版本，設定特定於此版本的專案結構和相依性。

---

2. 使用 Angular CLI 建立 Angular 專案的特定版本

如果您喜歡使用 Angular CLI，您仍然可以為特定版本建立項目，而無需永久安裝 CLI。使用 npx 直接執行 CLI，指定您的版本。

句法

npx -p @angular/cli@3d689bd3819ead35ed794427bd12f459 ng new 1b8b62ddc634804650a3eb289a01f98b

此指令使用 npx 暫時執行指定的 CLI 版本，建立適合該 Angular 版本的專案。

例子

npx -p @angular/cli@13 ng new demoApp

此指令會使用 Angular CLI 版本 13 建立新項目，即使您在全域安裝了不同的 Angular CLI 版本也是如此。

使用 npx 的優點：

• 無需永久安裝：一次性下載指定的CLI版本，節省空間並避免潛在的版本衝突。
• 輕鬆切換版本：您可以在不同專案的版本之間快速切換，而無需管理多個全域 CLI 安裝。

---

何時選擇 CLI 與非 CLI 方法

沒有 CLI

• 當您想要最少的設定時
• 在沒有全域 Angular CLI 安裝的受限環境中工作時

使用 CLI

• 當您需要利用 CLI 指令和原理圖時
• 設定功能齊全的 Angular 工作區時

---

總結

無論您選擇使用或不使用 CLI，Angular 的 npm init 和 npx 的靈活性都可以讓您輕鬆管理跨不同版本的專案。因此，下次您需要啟動特定的 Angular 版本專案時，您將確切地知道如何執行此操作，而無需為 CLI 安裝而煩惱！

快速命令回顧

Angular Version	Without CLI	With CLI
16	npm init @angular@16 sampleApp	npx -p @angular/cli@16 ng new sampleApp
13	npm init @angular@13 legacyApp	npx -p @angular/cli@13 ng new demoApp

---

就是這樣！希望您發現本指南對您的 Angular 專案有所幫助。如果您對使用特定 Angular 版本有任何疑問或技巧，請在下面發表評論。

編碼愉快！

以上是如何在不安裝 Angular CLI 的情況下建立 Angular 專案的特定版本的詳細內容。更多資訊請關注PHP中文網其他相關文章！