Angular 22 : Install2026/06/16

	Install Angular which is the Web application framework.
[1]	Install Node.js 24, refer to here.
[2]	Install Angular 22.

root@dlp:~#

npm install -g @angular/cli@22

.....
.....

added 277 packages in 6s

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

[3]	Try to run sample app as a common user.

ubuntu@dlp:~$

ng version


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


Angular CLI       : 22.0.1
Node.js           : 24.16.0
Package Manager   : npm 11.13.0
Operating System  : linux x64

ubuntu@dlp:~$

ng new hello-world

 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 director
y.) Yes
Appended `source <(ng completion script)` to `/home/ubuntu/.bashrc`. Restart your terminal or run the following to autocomplete `ng` commands:

    source <(ng completion script)

.....
.....

Packages installed successfully.
hint: Using 'master' as the name for the initial branch. This default branch name
hint: is subject to change. To configure the initial branch name to use in all
hint: of your new repositories, which will suppress this warning, call:
hint:
hint:   git config --global init.defaultBranch <name>
hint:
hint: Names commonly chosen instead of 'master' are 'main', 'trunk' and
hint: 'development'. The just-created branch can be renamed via this command:
hint:
hint:   git branch -m <name>
    Successfully initialized git.

ubuntu@dlp:~$

cd hello-world

ubuntu@dlp:~/hello-world$

ng serve --host dlp.srv.world --port 4200

Would you like to share pseudonymous 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.dev/cli/analytics.

   No
Global setting: enabled
Local setting: disabled
Effective status: disabled

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.

Initial chunk files | Names         | Raw size
main.js             | main          | 47.78 kB |
styles.css          | styles        | 95 bytes |

                    | Initial total | 47.88 kB

Application bundle generation complete. [1.374 seconds] - 2026-06-16T00:40:16.246Z

Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
  →  Network: http://dlp.srv.world:4200/
  →  press h + enter to show help

[4]	Access to the URL you set from any client computer, and then that's OK if following site is shown.

Matched Content