Ubuntu 22.04
Sponsored Link

Angular 12 : インストール2022/08/26

 
Web アプリケーションフレームワーク Angular のインストールです。
[1]
[2] Angular 12 をインストールします。
root@dlp:~#
npm install -g @angular/cli@12

.....
.....

added 209 packages, and audited 210 packages in 14s

25 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
[3] 任意の一般ユーザーで動作確認します。
ubuntu@dlp:~$
ng version


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


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

Angular: undefined
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1202.18 (cli-only)
@angular-devkit/core         12.2.18 (cli-only)
@angular-devkit/schematics   12.2.18 (cli-only)
@schematics/angular          12.2.18 (cli-only)

ubuntu@dlp:~$
ng new hello-world


.....
.....

Packages installed successfully.

ubuntu@dlp:~$
cd hello-world

ubuntu@dlp:~/hello-world$
ng serve --host dlp.srv.world --port 4200

Warning: This is a simple server for use in testing or debugging Angular applications
locally. It hasn't been reviewed for security issues.

Binding this server to an open connection can result in compromising your application or
computer. Using a different host than the one passed to the "--host" flag might result in
websocket connection issues. You might need to use "--disable-host-check" if that's the
case.
⠋ Generating browser application bundles (phase: setup)...Compiling @angular/core : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
Compiling @angular/router : es2015 as esm2015
 Browser application bundle generation complete.

Initial Chunk Files | Names         |      Size
vendor.js           | vendor        |   2.36 MB
polyfills.js        | polyfills     | 125.55 kB
main.js             | main          |  56.80 kB
runtime.js          | runtime       |   6.62 kB
styles.css          | styles        | 736 bytes

| Initial Total |   2.54 MB

Build at: 2022-08-26T02:46:13.584Z - Hash: 994d289392d5feb2da82 - Time: 19154ms

** Angular Live Development Server is listening on dlp.srv.world:4200, open your browser on http://dlp.srv.world:4200/ **


 Compiled successfully.
 Browser application bundle generation complete.

5 unchanged chunks

Build at: 2022-08-26T02:46:15.223Z - Hash: c8f1cf80a568adddca47 - Time: 981ms

 Compiled successfully.
[4] 任意のクライアントコンピューターで Web アクセスして、以下のようなページが表示されれば OK です。
関連コンテンツ