Ubuntu 22.04にAngularJSをインストールする

環境
OSバージョンを確認します

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
# cat /etc/lsb-release
DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=22.04
DISTRIB_CODENAME=jammy
DISTRIB_DESCRIPTION="Ubuntu 22.04 LTS"
# cat /etc/lsb-release DISTRIB_ID=Ubuntu DISTRIB_RELEASE=22.04 DISTRIB_CODENAME=jammy DISTRIB_DESCRIPTION="Ubuntu 22.04 LTS"
# cat /etc/lsb-release
DISTRIB_ID=Ubuntu
DISTRIB_RELEASE=22.04
DISTRIB_CODENAME=jammy
DISTRIB_DESCRIPTION="Ubuntu 22.04 LTS"

nodeバージョンを確認します
# node -v
v12.22.9

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
# npm --version
8.5.1
# npm --version 8.5.1
# npm --version
8.5.1

1.AngularJSをインストールします
# sudo npm install -g @angular/cli

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
# ng version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 13.3.5
Node: 12.22.9
Package Manager: npm 8.5.1
OS: linux x64
Angular:
...
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1303.5 (cli-only)
@angular-devkit/core 13.3.5 (cli-only)
@angular-devkit/schematics 13.3.5 (cli-only)
@schematics/angular 13.3.5 (cli-only)
# ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 13.3.5 Node: 12.22.9 Package Manager: npm 8.5.1 OS: linux x64 Angular: ... Package Version ------------------------------------------------------ @angular-devkit/architect 0.1303.5 (cli-only) @angular-devkit/core 13.3.5 (cli-only) @angular-devkit/schematics 13.3.5 (cli-only) @schematics/angular 13.3.5 (cli-only)
# ng version

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


Angular CLI: 13.3.5
Node: 12.22.9
Package Manager: npm 8.5.1
OS: linux x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1303.5 (cli-only)
@angular-devkit/core         13.3.5 (cli-only)
@angular-devkit/schematics   13.3.5 (cli-only)
@schematics/angular          13.3.5 (cli-only)

3.AngularJSアプリケーションを作成する
新しいAgularJSアプリケーションを作成します

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
# ng new arkgamedemo
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
# ng new arkgamedemo ? Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use? CSS 略
# ng new arkgamedemo
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
略

インストールフォルダに移動します
# cd arkgamedemo

アプリをコンパイルして実行します
# ng serve

Ubuntu 22.04

Posted by arkgame