Angularのバージョンについて

Question

前提・実現したいこと

Angularのバージョンを開発メンバーで揃えたいです。
ネットで調べても良く分からず、正しい回答が知りたいと思い、質問させていただきました。

Angular初心者で、質問させていただくのも初めてとなります。
基本的なことでしたら申し訳ございません。
よろしくお願いいたします。

発生している問題・エラーメッセージ

・そもそもどうやって揃えたらよいでしょうか。
・また、バージョンとはどこを指しているのでしょうか。
（AngularCliのバージョン？とAngularのバージョン？）
・異なるAngularバージョンのプロジェクトがなぜ実行できるのでしょうか。
・ローカルインストールとグローバルインストールとはなんでしょうか。

試したこと

ネットで調べたのですが、AngularCliのアップデート方法などは出てきましたが
AngularCliのバージョンとAngularのバージョンの関連性が良く分かりませんでした。

Answer 1

ひとつずつ。

・そもそもどうやって揃えたらよいでしょうか。

全く同一のpackage.jsonを用いてnpm installを行えば、どの開発環境でも同じバージョンのAngularがインストールされます。

・また、バージョンとはどこを指しているのでしょうか。
（AngularCliのバージョン？とAngularのバージョン？）

Angular本体とAngular CLIは基本的に同一のタイミングでメジャーアップデートが行われますが、マイナーアップデート以下は必ずしも同期していません。（Angular本体のほうが頻繁にバージョンアップされる印象）
なので、大体の場合の「バージョン」というのはAngular本体の方だと思います。

・異なるAngularバージョンのプロジェクトがなぜ実行できるのでしょうか。
・ローカルインストールとグローバルインストールとはなんでしょうか。

ローカルインストール→プロジェクトフォルダのnode_modulesの中にインストールする
グローバルインストール→パソコンのNode.js実行環境に用意されたフォルダにインストールする

Angular CLIは基本的にはグローバルインストールするものなんですが、ng newを用いてプロジェクトを生成した場合、プロジェクトフォルダのnode_modulesの中にもCLIがインストールされます。
ですから、例えばv11のCLIをグローバルインストールして、あるプロジェクトがv10だった場合、Angular CLIは気を利かせて、プロジェクトフォルダのnode_modules中にインストールされているv10のCLIを使って各種コマンドを実行してくれるわけです。

Comments

[abc12345]

ネットで調べても知りたいことがはっきりと書いてあるものを見つけられなかったので、大変助かりました。
ご回答いただき、ありがとうございました。