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

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

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

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

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

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

構文

npm init @angular@

を目的の Angular バージョンに置き換え、 をプロジェクトの名前に置き換えます。たとえば、sampleApp という名前の Angular 16 プロジェクトを作成する場合は、次を実行します:

例

npm init @angular@16 sampleApp

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

その他の例

• legacyApp という名前の Angular 13 プロジェクト:
  

  npm init @angular@13 legacyApp
  

このコマンドは必要な Angular バージョンを直接プルダウンし、そのバージョンに固有のプロジェクト構造と依存関係を設定します。

2. Angular CLI を使用して Angular プロジェクトの特定のバージョンを作成する With

Angular CLI を使用したい場合でも、CLI を永続的にインストールしなくても、特定のバージョンのプロジェクトを作成できます。 npx を使用して、バージョンを指定して CLI を直接実行します。

構文

npx -p @angular/cli@ ng new 

このコマンドは、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 プロジェクトに役立つことを願っています。特定の Angular バージョンでの作業に関する質問やヒントがあれば、以下にコメントしてください。

コーディングを楽しんでください!