Rocky Linux 9にAngularJSをインストールする方法

2022年7月24日

環境
OSバージョンの確認

# cat /etc/redhat-release
Rocky Linux release 9.0 (Blue Onyx)

AngularJS のインストール手順
1.システムパッケージを更新します

# sudo dnf upgrade --refresh

2.必要な依存関係をインストールします

# sudo dnf install curl gnupg2 gnupg git wget gcc-c++ make -y

3.Node.jsをインストールします
リポジトリをインポートします

# curl -fsSL https://rpm.nodesource.com/setup_lts.x | sudo bash -

nodejsのインストールを行います

# sudo dnf install nodejs -y

Node.jsバージョンを確認します

# node --version
v16.16.0

4.npmをインストールします

# sudo npm install npm@latest -g

5.AngularJSをインストールします

# sudo npm install -g @angular/cli

AngularJSバージョンを確認します

# ng version
? Would you like to enable autocompletion? This will set up your terminal so pressing TAB while typing
Angular CLI commands will show possible options and autocomplete arguments. (Enabling autocompletion will
modify configuration files in your home directory.) Yes
Appended `source <(ng completion script)` to `/root/.bashrc`. Restart your terminal or run the following to autocomplete `ng` commands:

    source <(ng completion script)
? Would you like to share anonymous usage data about this project with the Angular Team at
Google under Google’s Privacy Policy at https://policies.google.com/privacy. For more
details and how to change this setting, see https://angular.io/analytics. Yes

Thank you for sharing anonymous usage data. Should you change your mind, the following
command will disable this feature entirely:

    ng analytics disable --global

Global setting: enabled
Local setting: No local workspace configuration file.
Effective status: enabled

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 14.1.0
Node: 16.16.0
Package Manager: npm 8.15.0
OS: linux x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1401.0 (cli-only)
@angular-devkit/core         14.1.0 (cli-only)
@angular-devkit/schematics   14.1.0 (cli-only)
@schematics/angular          14.1.0 (cli-only)

7.AngularJSプロジェクトを作成します
「angprj」というプロジェクトを作成します。

# ng new angprj

プロジェクトを作成、起動します

# cd angprj/
# ng serve
略
Build at: 2022-07-24T07:04:44.652Z - Hash: e74ba77ae492fc98 - Time: 9565ms

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **


? Compiled successfully.