Beranda CentOS Cara membuat Aplikasi Angular dengan Angular CLI

Cara membuat Aplikasi Angular dengan Angular CLI

Angular adalah javascript frameworks, libraries, assets, dan utilitas yang cukup populer untuk pengembangan website. Tutorial ini akan membantu Anda membuat aplikasi Angular menggunakan tool Angular CLI pada platform apa pun.

Angular project menyediakan dan Command Line Interface yang disebut Angular CLI untuk otomatisasi. Anda dapat melakukan operasi otomatisasi dalam proyek Angular daripada melakukannya secara manual dan menghemat waktu dan tenaga. Menggunakan CLI Angular, Anda dapat melakukan hal berikut:

Membuat project baru.
Pengaturan Lingkungan aplikasi.
Kelola konfigurasi aplikasi.
Membangun komponen, layanan, dan sistem perutean.
Mulai aplikasi, menguji dan menggunakan proyek.
Menginstal libraries pihak ke-3 seperti Bootstrap, Sass dll.

Mari buat Aplikasi Angular Anda:

Permulaan

Angode memerlukan Nodejs untuk diinstal pada sistem Anda. Anda dapat mengikuti salah satu tutorial berikut untuk menginstal Angular pada sistem sesuai sistem operasi Anda.

- - Install Node.js di Windows
  - Install Node.js di CentOS dan Fedora
  - Install Node.js di Ubuntu

Setelah instalasi, pastikan Node.js dan NPM terinstal dengan benar. Gunakan perintah berikut untuk menampilkan versi dari node dan npm yang terinstall.

node -v

npm -v

Install Angular CLI

Sekarang, Instal utilitas Angular CLI menggunakan NPM package manager.

npm install -g @angular/cli

Opsi -g memastikan untuk menginstal Angular CLI secara global pada sistem. Jadi, npm akan dapat diakses oleh semua pengguna dan aplikasi pada sistem. Angular CLI menyediakan perintah yang digunakan untuk operasi command line. Mari kita periksa versi ng yang diinstal pada sistem Anda.

ng --version


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


Angular CLI: 8.0.3
Node: 12.4.0
OS: linux x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.800.3
@angular-devkit/core         8.0.3
@angular-devkit/schematics   8.0.3
@schematics/angular          8.0.3
@schematics/update           0.800.3
rxjs                         6.4.0

Membuat Aplikasi Angular

Sistem Anda siap untuk membangun Aplikasi Angular. Perintah berikut akan membuat aplikasi Angular dengan nama hello-angular.

ng new hello-angular

Dengan perintah ini akan membuat direktori dengan nama project Anda dan membuat semua file di bawahnya. Perintah ini juga menginstal semua libraries yang diperlukan dalam direktori tempat project tersimpan. Pada pembuatan yang berhasil, Anda akan melihat pesan di bawah ini di layar.

...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 55.774s
found 0 vulnerabilities

    Successfully initialized git.

Menjalankan Aplikasi Angular

Aplikasi Angular dasar Anda siap untuk dijalankan. Ubah ke direktori hello-angular dan jalankan aplikasi Angular Anda menggunakan perintah ng serve.