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.

cd hello-angular ng serve

Anda dapat mengakses aplikasi angular Anda di localhost port 4200, Yang merupakan host dan port default yang digunakan oleh aplikasi Angular.

http://localhost:4200

Anda dapat mengubah host dan port untuk menjalankan aplikasi Angular dengan memberikan argumen “€“host dan “€“port pada command line.

ng serve –host 0.0.0.0 –port 8080

Alamat IP 0.0.0.0 listens pada semua interface dan dapat diakses secara publik.

Leave a Reply

Your email address will not be published.