メモ帳

個人的な備忘録と感想文

Angular環境構築


今度新人にAngularの環境構築をしてもらうため、自分用メモ

昔新人の頃に書籍を参考にAngularの環境構築をしたときに、情報が古く、うまく動かなかったことがあったので復習も兼ねて


1. Node.jsのインストール

​ 1-1. nodejs.org へアクセスし、Node.js バージョン10.xx.x(推奨版)のインストーラーをダウンロードする

​ 1-2. ダウンロードを行ったらインストーラーを起動し、インストールを行う

​ 1-3. インストールが終わったらコンソールで ​ node -v ​ を実行し、バージョンの確認を行う。

​ 1-4. コンソールで ​ npm -v ​ を実行し、npmパッケージマネージャーがインストールできているか確認。 ​ 確認できたら完了。

2. Angular CLIのインストール

​ 2-1. コンソールにて ​ npm install -g @angular/cli ​ を実行。

​ 2-2. ng v ​ を実行し、インストールされたAngular CLIのバージョンを確認できたら完了。

躓いたこと

npm install時にエラーが起きた

2-1にてインストールを行ったときに、permission denied というエラーが起きて正常にインストールができなかった。 原因は不明だったが、調べたところnpmディレクトリのオーナーアカウントを自分に変更すると回避できるとのことだった。

sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

このコマンドを実行し、オーナーを変更することで正常にCLIをインストールすることができた。