」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何在不安裝 Angular CLI 的情況下建立 Angular 專案的特定版本

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

發佈於2024-11-07
瀏覽:595

How to Create a Specific Version of an Angular Project without Installing Angular CLI

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

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

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

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


1. 創建 Angular 專案無需安裝 Angular CLI

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

句法

npm init @angular@ 

替換為您想要的 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@ ng new
npx -p @angular/cli@ ng new 
此指令使用 npx 暫時執行指定的 CLI 版本,建立適合該 Angular 版本的專案。

例子

npx -p @angular/cli@13 ng 新 demoApp
npx -p @angular/cli@ ng new 
此指令使用 Angular CLI 版本 13 建立新項目,即使您全域安裝了不同的 Angular CLI 版本。

使用 npx 的優點:

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

何時選擇 CLI 與非 CLI 方法

沒有 CLI

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

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

總結

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

快速命令回顧

角度版本沒有 CLI使用 CLI16npm init @angular@16 SampleAppnpx -p @angular/cli@16 ng 新範例應用程式13npm init @angular@13 LegacyAppnpx -p @angular/cli@13 ng 新 demoApp

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

編碼愉快!

版本聲明 本文轉載於:https://dev.to/itsshaikhaj/how-to-create-a-specific-version-of-an-angular-project-without-installing-angular-cli-3do0?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 如何克服PHP的功能重新定義限制?
    如何克服PHP的功能重新定義限制?
    克服PHP的函數重新定義限制在PHP中,多次定義一個相同名稱的函數是一個no-no。嘗試這樣做,如提供的代碼段所示,將導致可怕的“不能重新列出”錯誤。 但是,PHP工具腰帶中有一個隱藏的寶石:runkit擴展。它使您能夠靈活地重新定義函數。 runkit_function_renction_...
    程式設計 發佈於2025-07-14
  • Python元類工作原理及類創建與定制
    Python元類工作原理及類創建與定制
    python中的metaclasses是什麼? Metaclasses負責在Python中創建類對象。就像類創建實例一樣,元類也創建類。他們提供了對類創建過程的控制層,允許自定義類行為和屬性。 在Python中理解類作為對象的概念,類是描述用於創建新實例或對象的藍圖的對象。這意味著類本身是使用...
    程式設計 發佈於2025-07-14
  • 如何從PHP中的數組中提取隨機元素?
    如何從PHP中的數組中提取隨機元素?
    從陣列中的隨機選擇,可以輕鬆從數組中獲取隨機項目。考慮以下數組:; 從此數組中檢索一個隨機項目,利用array_rand( array_rand()函數從數組返回一個隨機鍵。通過將$項目數組索引使用此鍵,我們可以從數組中訪問一個隨機元素。這種方法為選擇隨機項目提供了一種直接且可靠的方法。
    程式設計 發佈於2025-07-14
  • 如何實時捕獲和流媒體以進行聊天機器人命令執行?
    如何實時捕獲和流媒體以進行聊天機器人命令執行?
    在開發能夠執行命令的chatbots的領域中,實時從命令執行實時捕獲Stdout,一個常見的需求是能夠檢索和顯示標準輸出(stdout)在cath cath cant cant cant cant cant cant cant cant interfaces in Chate cant inter...
    程式設計 發佈於2025-07-14
  • 在Python中如何創建動態變量?
    在Python中如何創建動態變量?
    在Python 中,動態創建變量的功能可以是一種強大的工具,尤其是在使用複雜的數據結構或算法時,Dynamic Variable Creation的動態變量創建。 Python提供了幾種創造性的方法來實現這一目標。 利用dictionaries 一種有效的方法是利用字典。字典允許您動態創建密鑰並...
    程式設計 發佈於2025-07-14
  • 大批
    大批
    [2 數組是對象,因此它們在JS中也具有方法。 切片(開始):在新數組中提取部分數組,而無需突變原始數組。 令ARR = ['a','b','c','d','e']; // USECASE:提取直到索引作...
    程式設計 發佈於2025-07-14
  • 如何正確使用與PDO參數的查詢一樣?
    如何正確使用與PDO參數的查詢一樣?
    在pdo 中使用類似QUERIES在PDO中的Queries時,您可能會遇到類似疑問中描述的問題:此查詢也可能不會返回結果,即使$ var1和$ var2包含有效的搜索詞。錯誤在於不正確包含%符號。 通過將變量包含在$ params數組中的%符號中,您確保將%字符正確替換到查詢中。沒有此修改,PD...
    程式設計 發佈於2025-07-14
  • 如何使用不同數量列的聯合數據庫表?
    如何使用不同數量列的聯合數據庫表?
    合併列數不同的表 當嘗試合併列數不同的數據庫表時,可能會遇到挑戰。一種直接的方法是在列數較少的表中,為缺失的列追加空值。 例如,考慮兩個表,表 A 和表 B,其中表 A 的列數多於表 B。為了合併這些表,同時處理表 B 中缺失的列,請按照以下步驟操作: 確定表 B 中缺失的列,並將它們添加到表的...
    程式設計 發佈於2025-07-14
  • 如何在無序集合中為元組實現通用哈希功能?
    如何在無序集合中為元組實現通用哈希功能?
    在未訂購的集合中的元素要糾正此問題,一種方法是手動為特定元組類型定義哈希函數,例如: template template template 。 struct std :: hash { size_t operator()(std :: tuple const&tuple)const {...
    程式設計 發佈於2025-07-14
  • 版本5.6.5之前,使用current_timestamp與時間戳列的current_timestamp與時間戳列有什麼限制?
    版本5.6.5之前,使用current_timestamp與時間戳列的current_timestamp與時間戳列有什麼限制?
    在時間戳列上使用current_timestamp或MySQL版本中的current_timestamp或在5.6.5 此限制源於遺留實現的關注,這些限制需要對當前的_timestamp功能進行特定的實現。 創建表`foo`( `Productid` int(10)unsigned not ...
    程式設計 發佈於2025-07-14
  • 如何在Chrome中居中選擇框文本?
    如何在Chrome中居中選擇框文本?
    選擇框的文本對齊:局部chrome-inly-ly-ly-lyly solument 您可能希望將文本中心集中在選擇框中,以獲取優化的原因或提高可訪問性。但是,在CSS中的選擇元素中手動添加一個文本 - 對屬性可能無法正常工作。 初始嘗試 state)</option> < o...
    程式設計 發佈於2025-07-14
  • 如何在Java的全屏獨家模式下處理用戶輸入?
    如何在Java的全屏獨家模式下處理用戶輸入?
    Handling User Input in Full Screen Exclusive Mode in JavaIntroductionWhen running a Java application in full screen exclusive mode, the usual event ha...
    程式設計 發佈於2025-07-14
  • CSS強類型語言解析
    CSS強類型語言解析
    您可以通过其强度或弱输入的方式对编程语言进行分类的方式之一。在这里,“键入”意味着是否在编译时已知变量。一个例子是一个场景,将整数(1)添加到包含整数(“ 1”)的字符串: result = 1 "1";包含整数的字符串可能是由带有许多运动部件的复杂逻辑套件无意间生成的。它也可以是故意从单个真理...
    程式設計 發佈於2025-07-14
  • 您如何在Laravel Blade模板中定義變量?
    您如何在Laravel Blade模板中定義變量?
    在Laravel Blade模板中使用Elegance 在blade模板中如何分配變量對於存儲以後使用的數據至關重要。在使用“ {{}}”分配變量的同時,它可能並不總是是最優雅的解決方案。 幸運的是,Blade通過@php Directive提供了一種更優雅的方法: $ old_sectio...
    程式設計 發佈於2025-07-14
  • input: Why Does "Warning: mysqli_query() expects parameter 1 to be mysqli, resource given" Error Occur and How to Fix It?

output: 解決“Warning: mysqli_query() 參數應為 mysqli 而非 resource”錯誤的解析與修復方法
    input: Why Does "Warning: mysqli_query() expects parameter 1 to be mysqli, resource given" Error Occur and How to Fix It? output: 解決“Warning: mysqli_query() 參數應為 mysqli 而非 resource”錯誤的解析與修復方法
    mysqli_query()期望參數1是mysqli,resource給定的,嘗試使用mysql Query進行執行MySQLI_QUERY_QUERY formation,be be yessqli:sqli:sqli:sqli:sqli:sqli:sqli: mysqli,給定的資源“可能發...
    程式設計 發佈於2025-07-14

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

Copyright© 2022 湘ICP备2022001581号-3