AlmaLinux 9
Sponsored Link

Angular 14 : インストール2023/03/10

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

added 219 packages, and audited 220 packages in 18s

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

found 0 vulnerabilities
npm notice
npm notice New minor version of npm available! 8.3.1 -> 8.12.2
npm notice Changelog: https://github.com/npm/cli/releases/tag/v8.12.2
npm notice Run npm install -g npm@8.12.2 to update!
npm notice
[3] 任意の一般ユーザーで動作確認します。
[alma@dlp ~]$
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
Appended `source <(ng completion script)` to `/home/alma/.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.0.2
Node: 16.14.0
Package Manager: npm 8.3.1
OS: linux x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1400.2 (cli-only)
@angular-devkit/core         14.0.2 (cli-only)
@angular-devkit/schematics   14.0.2 (cli-only)
@schematics/angular          14.0.2 (cli-only)

[alma@dlp ~]$
ng new hello-world


.....
.....

Packages installed successfully.

[alma@dlp ~]$
cd hello-world

[alma@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.
 Browser application bundle generation complete.

Initial Chunk Files   | Names         |  Raw Size
vendor.js             | vendor        |   2.02 MB |
polyfills.js          | polyfills     | 315.27 kB |
styles.css, styles.js | styles        | 207.35 kB |
main.js               | main          |  50.11 kB |
runtime.js            | runtime       |   6.52 kB |

| Initial Total |   2.58 MB

Build at: 2022-06-17T08:45:28.827Z - Hash: 5c3de286246946da - Time: 9551ms

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

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