Angularインストール · 1 min read · Nov 10, 2025
CentOS 8にAngular CLIをインストールする方法
Angularは人気のあるオープンソースのアプリケーション開発フレームワークです。これは非常に拡張性が高く、TypeScript/JavaScriptを使用してモバイルおよびWebアプリケーションを開発するために使用されます。これは、ゼロから小規模から大規模なアプリケーションを構築するために設計されています。Angularアプリケーションを作成、管理、ビルド、テストするためのAngular CLIユーティリティを提供します。
この記事では、CentOS 8にAngular (CLI)をインストールする方法を示します。
前提条件
- CentOS 8を実行しているサーバー。
- サーバーに設定されたrootパスワード。
Node.jsのインストール
Angularをインストールするには、サーバーにNode.jsをインストールする必要があります。インストールされていない場合は、次のコマンドでインストールできます：
curl -sL https://rpm.nodesource.com/setup_14.x | bash -
dnf install nodejs -yインストールが完了したら、次のコマンドでインストールされたNode.jsのバージョンを確認します：
node --version出力：
v14.16.1次のコマンドを使用してNPMのバージョンも確認できます：
npm --version出力：
6.14.12Angular/CLIのインストール
次に、次のコマンドを実行してAngular/CLIをインストールできます：
npm install -g @angular/cliインストールが完了したら、次のコマンドでインストールされたAngular/CLIのバージョンを確認します：
ng --version次の出力が得られるはずです：
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ ? \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 11.2.7
Node: 14.16.1
OS: linux x64
Angular:
...
Ivy Workspace:
Package Version
------------------------------------------------------
@angular-devkit/architect 0.1102.7 (cli-only)
@angular-devkit/core 11.2.7 (cli-only)
@angular-devkit/schematics 11.2.7 (cli-only)
@schematics/angular 11.2.7 (cli-only)
@schematics/update 0.1102.7 (cli-only)
Angularでアプリケーションを作成する
Angular/CLIは、プロダクションおよびローカル環境でアプリケーションを作成および展開するための簡単な方法を提供します。
hello-worldという名前の新しいアプリケーションを作成するには、次のコマンドを実行します：
ng new hello-worldアプリケーションが作成されたら、ディレクトリをhello-worldに変更し、次のコマンドでアプリケーションを起動します：
cd hello-world
gn serve次の出力が表示されるはずです：
Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/
? Compiled successfully.
? Browser application bundle generation complete.
Initial Chunk Files | Names | Size
styles.css | styles | 119 bytes
4 unchanged chunks
Build at: 2021-04-07T05:56:55.420Z - Hash: 7af40beb75c73ecdc1c9 - Time: 523ms
? Compiled successfully.
ご覧のとおり、アプリケーションが開始され、localhostのポート4200でリッスンしています。
アプリケーションを停止するには、CTRL+Cを押します。
特定のIPアドレスまたはポートでアプリケーションを起動したい場合は、次のコマンドを実行します：
gn serve --host 0.0.0.0 --port 3000次の出力が得られるはずです：
Initial Chunk Files | Names | Size
vendor.js | vendor | 2.69 MB
polyfills.js | polyfills | 128.74 kB
main.js | main | 56.94 kB
runtime.js | runtime | 6.15 kB
styles.css | styles | 119 bytes
| Initial Total | 2.87 MB
Build at: 2021-04-07T05:58:19.494Z - Hash: d50a7bd2c684713d3b6b - Time: 11348ms
Angular Live Development Server is listening on 0.0.0.0:3000, open your browser on http://localhost:3000/
? Compiled successfully.
Angularアプリケーションにアクセスする
この時点で、Angularアプリケーションが開始され、すべてのネットワークインターフェースでポート3000でリッスンしています。これで、URL http://your-server-ip:3000を使用してアクセスできます。次のページにアプリケーションが表示されるはずです：
結論
おめでとうございます！CentOS 8にAngularを正常にインストールしました。これで、Angularを使用して最初のアプリケーションを構築し、プロダクション環境に展開できます。
新しい投稿を受信箱で受け取る
スパムはありません。いつでも購読を解除できます。