UbuntuにAngularの開発環境を構築する

仕事でAngularを使うことになりそうなので…

ちょっと、色々やってみようかな？と、思っています。

と、いうことで…

まずはAngularの開発環境を構築しよう!!!

個人的にホストOSを汚したくないので、
VMを作成してその環境上にAngularの開発環境を構築しようと思っています。

********************************************************

UbuntuをイメージしたロゴマークをMicrosoft Cpilotに描いてもらいました

***********************************************************************************

Ubuntu上にAngularの開発環境を構築したときのメモ

とりあえず環境の前提条件は以の通り

• VMWare上にインストールしたUbuntuを使用する
• VMWarePlayerのインストール
  通常のインストール手順通りなので割愛
  
  
• Ubuntuのインストール
  インストールバージョン：Ubuntu 24.04.1 LTS
  ※細かいインストール手順は割愛
  　基本的にセットアップに手順通り特殊なことをせずにインストール
  　個人の環境に応じて適宜インストールする
  
  
• Ubuntu上での開発環境構築
• システムのアップデート
  以下のコマンドを実行し、システムのアップデートを行う
  

  sudo apt update
  sudo apt upgrade
  

• Node.jsのインストール
  AngularはNode.jsを使用してどうするため、Node.jsとnpmをインストールする
  以下のコマンドを実行する
  ・Node.jsについて［コンテンツ未作成］
  ・npmについて [コンテンツ未作成]
  

  sudo apt install -y nodejs

  調べてみたら、以下のようなこともある見たいので…
  
  「Ubuntuの公式リポジトリには古いバージョンのNode.jsが含まれることがあるため、NodeSourceを使って最新のLTS（長期サポート）バージョンをインストールする」
  
  以下のコマンドを実行したほうが良いのかも　※動作未確認
  

  curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -sudo apt install -y nodejs

  インストール後、バージョン確認を行う
  

  node -v
  npm -v

• npmのインストール　※実際に行った手順
  上記までの手順でnpmがインストールされなかった場合(バージョン確認できなかった場合)、
  別途、npmをインストールする
  

  sudo apt install npm

  インストールが完了したら、バージョン確認を行う
  

  npm -v 

• Anguler CLIのインストール
  Angularプロジェクトの作成や管理を行うため、Angular CLIをインストールする
  ・Anguler CLIについて [コンテンツ未作成]
  
  以下のコマンドを実行する
  

  sudo npm install -g @angular/cli

  インストール後、バージョン確認を行う
  

  ng version 

インストールはここまで!!!