Angular CLI をインストールせずに Angular プロジェクトの特定のバージョンを作成する方法

Angular を使用していて、異なる Angular バージョンでプロジェクトをセットアップする必要がありますか?これは、Angular CLI を使用する場合と使用しない場合の両方で、特定のバージョンの Angular プロジェクトを作成するための簡単なガイドです!

特定の Angular バージョンを使用する理由

複数の Angular プロジェクトで作業している場合、特定のバージョンをロックする必要がある場合があります。おそらく、プロジェクトは特定のバージョンでのみ利用可能な特定の機能に依存しているか、レガシー コードベースとの互換性が必要である可能性があります。

CLI を使用しているかどうかに関係なく、特定の Angular バージョンでプロジェクトを作成する方法は次のとおりです!

---

1. Angular CLI をインストールせずに Angular プロジェクトを作成する

CLI をインストールしなくても、特定のバージョンの Angular プロジェクトを初期化できることをご存知ですか?構文と例を見てみましょう。

構文

npm init @angular@3d689bd3819ead35ed794427bd12f459 1b8b62ddc634804650a3eb289a01f98b

を置き換えます。希望の Angular バージョンと 1b8b62ddc634804650a3eb289a01f98b を入力します。プロジェクトの名前を付けてください。たとえば、sampleApp という名前の Angular 16 プロジェクトを作成する場合は、次を実行します:

例

npm init @angular@16 sampleApp

このアプローチでは、Angular CLI をグローバルにインストールせずに、基本的な Angular プロジェクトをセットアップします。追加のツールのインストールを避けたい場合、または制約のある環境で作業している場合に便利です。

その他の例

• 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 バージョンがグローバルにインストールされている場合でも、Angular CLI バージョン 13 を使用して新しいプロジェクトを作成します。

npx を使用する利点:

• 永続インストールなし: 指定された CLI バージョンは 1 回限りの使用のためにダウンロードされ、スペースを節約し、潜在的なバージョンの競合を回避します。
• バージョンを簡単に切り替える: 複数のグローバル 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 中国語 Web サイトの他の関連記事を参照してください。