angular が起動しない コマンドがインストールされていない

Question

数日前に、macのターミナルでnpm install -g@angular/cliと入力して、angularのコマンドラインをインストールしました。

今朝、macを再起動して、ターミナルにng serveと入力すると、
The serve command requires to be run in an Angular project, but a project definition could not be found.
と表示されました。

ng-vと入力すると、-bash: ng-v: command not found
と表示されました。

これは、もう一度、macのターミナルでnpm install -g@angular/cliと入力して、angularのコマンドラインをインストールしないといけないということでしょうか。その後、ng-serveと入力するのでしょうか。

一度インストールしたコマンドはパソコンの電源を切るたびにリセットされてしまうのでしょうか。

【追記】
node-vと入力しても-bash: ng-v: command not foundでした。
node.jsがインストールされていないということでしょうか。
node.jsをずっと以前にインストールしました。だから数日前にangularのコマンドラインをインストールできたのですが。

Answer 1

angular インストール後に angular プロジェクトを作成しましたか？
ng serve はそのプロジェクトのディレクトリーに移動してから実行する必要があります。

またバージョン表示は ng v で良いと思います。

Comments

[japan_japan]

angularインストール後に、あるプロジェクトファイルをもらいました。それをDocumentsの一つ下の階層のフォルダ（ディレクトリ？）に置きました。そのディレクトリに移動して（cd　XXXXXX）から、ng serve　入力ということですか。

ng vと入力したら、
Angular CLI: 8.3.19
Node: 12.11.1
OS: darwin x64
Angular:
...

Package Version
------------------------------------------------------
@angular-devkit/architect 0.803.19
@angular-devkit/core 8.3.19
@angular-devkit/schematics 8.3.19
@schematics/angular 8.3.19
@schematics/update 0.803.19
rxjs 6.4.0
と表示されたので、Angularはインストールされているということですね？

[ironya]

angular 自体はインストールされてますね。

> そのディレクトリに移動して（cd　XXXXXX）から、ng serve　入力ということですか。

はい。私の意図はご理解の通りです。
もらったプロジェクトなら、それをくれた人に聞くのが一番早いと思いますが、展開したディレクトリーで、一度　npm install を実行してから、ng serve でしょうか。

[japan_japan]

最初にAngularをインストールしたときの手順は、
１）＄　git branch コマンドで私のブランチ に移動した
２）＄　li la コマンドを入力したらでプロジェクトのディレクトリの中身を開いた（リストが表示された）
３）リストの中のpackage.jsonが見えている状態で, npm install コマンドを入力して、インストールした
４）＄　li la コマンドを入力して、プロジェクトのディレクトリの中身を開いた（リストが表示された）
５）リストの中のangular.jsonが見えている状態で、ng serveコマンドを入力した
６）ng : command not foundと表示された
７）npm install - g@angular /cli　と入力した
８）ng commandがインストールされたので、ng serveと入力した
9) Successfully compiledと表示された
１０）ブラウザでlocalhost:4200を入力したら、angularが起動して、編集予定のサイトページが表示された
でした。

以上を元に、
１）$cd /Users/XXXXXXX/Documents/git/YYYYYY（プロジェクトのディレクトリ）でプロジェクトのディレクトリに移動
２）$ ng serveと入力した
３）Your global Angular CLI version (8.3.19) is greater than your local　version (8.2.0). The local Angular CLI version is used.　・・・・　と表示されました。　Compiled successfullyとも表示あり。
４）ブラウザでlocalhost:4200を入力したら、angularが起動して編集予定のサイトページが表示された。

と解決できました。
つまり、毎回、対象のディレクトリを開き、ng serveを入力する必要があるということでしょうか。

後、angulareを起動させる前には、＄　git branch コマンドで私のブランチに移動が必ず必要なのでしょうか。
sourcetreeの対象レポジトリのbranchは私のブランチになっている（私のブランチ名の前に○がついている）ので、既に移動済みという認識であっておりますか。

[ironya]

Angular のソースはビルドして、サーバーに配置して動かす、という二段構えで考えます。
ng serve は、ng build を実行した後に簡易Webサーバーを起動するコマンドです。上の二つをいっぺんにやってくれます。
そのため PC再起動などするとWebサーバーのプロセスを起動させなければなりません。
また、起動中にソースファイルが更新されると、再ビルドが自動で動いてくれますので、変更が結構早く表示に反映されます。

> 後、angulareを起動させる前には、＄　git branch コマンドで私のブランチに移動が必ず必要なのでしょうか。
> sourcetreeの対象レポジトリのbranchは私のブランチになっている（私のブランチ名の前に○がついている）ので、既に移動済みという認識であっておりますか。

git はソースコードのバージョン管理の話であり、Angular とは直接関係ありません。
たまたまビルド対象のソースファイルを git から clone してあったりするだけですので、ブランチの切り替えは Angular アプリのどのソースをビルドするのかを切り替えようと思わない限り行う必要はありません。

git は、同じディレクトリーで作業している限り、一度ブランチを切り替えると、能動的に切り替えるまでは状態を維持しますので、ご自分のブランチ名になっている限りブランチ切り替えのコマンドは実行しなくて良いです。。

[japan_japan]

詳しくご説明いただきありがとうございました