Dalam dunia yang semakin terdigitalisasi, permintaan akan aplikasi web yang efisien, dapat diskalakan, dan interaktif terus meningkat. Akibatnya, pengembang di seluruh dunia beralih ke alat dan kerangka kerja canggih untuk membuat aplikasi ini. Salah satu alat tersebut adalah Angular, kerangka kerja aplikasi web sumber terbuka yang kuat yang dikembangkan oleh Google.
Advertisement
Angular dikenal dengan kemampuannya yang dinamis dan kuat yang menyederhanakan pengembangan aplikasi web yang kompleks. Fitur-fiturnya meliputi pengikatan data, injeksi ketergantungan, dan arsitektur modular yang mendukung penggunaan kembali kode dan kemampuan pengujian. Selain itu, Angular menyediakan alat untuk perutean, penanganan formulir, dan lainnya, menjadikannya solusi komprehensif untuk kebutuhan pengembangan web.

Untuk memanfaatkan fitur ini, penting untuk mengetahui cara menyiapkan Angular di mesin pengembangan Anda. Artikel ini menyajikan panduan mendetail tentang cara menginstal dan menyiapkan Angular di dua distribusi Linux populer: Ubuntu dan Debian. Pengaturan ini akan mencakup penginstalan dependensi yang diperlukan seperti Node.js dan NPM (Node Package Manager), Angular CLI (Command Line Interface), dan langkah-langkah untuk membuat, menjalankan, dan membangun aplikasi Angular.
Prerequisites

Sebelum melanjutkan dengan panduan ini, pastikan Anda memiliki:
A mesin Ubuntu. Sudo atau hak akses root pada sistem Anda. Koneksi internet stabil. Langkah 1: Instal Node.js dan NPM

Angular membutuhkan Node.js dan NPM untuk operasinya. Versi terbaru Angular membutuhkan Node.js versi 14.20 atau lebih baru. Untuk menginstal Node.js dan NPM, jalankan perintah berikut.
Pertama, perbarui sistem Anda:

sudo apt update 

Next, instal Node.js:

sudo apt install nodejs 

Afterwards, install NPM:

sudo apt install npm 

Verify the installation with checking the version of Node.js and NPM:

node -v npm -v 

Step 2 : Instal Angular CLI

Angular CLI (Command Line Interface) adalah alat yang menginisialisasi, mengembangkan, merancah, dan memelihara aplikasi Angular. Instal Angular CLI secara global di sistem Anda menggunakan NPM:

npm install -g @angular/cli 

Setelah instalasi selesai, verifikasi instalasi dengan memeriksa versi Angular CLI:

ng --version 

Langkah 3: Buat Proyek Angular Baru

Sekarang setelah CLI Angular diinstal, kita dapat membuat proyek Angular baru. Arahkan ke direktori tempat Anda ingin membuat proyek dan gunakan perintah `ng new`:

ng new my-angular-app 

Ganti “my-angular-app” dengan nama aplikasi yang Anda inginkan . Perintah ini akan membuat direktori baru dengan nama aplikasi Anda, menyiapkan struktur proyek awal, dan menginstal dependensi proyek.
Langkah 4: Jalankan Angular Application

Setelah membuat aplikasi, buka direktori aplikasi:

 cd my-angular-app 

Kemudian, jalankan server aplikasi dengan perintah ini:

ng serve 

Secara default, aplikasi akan tersedia di http://localhost:4200/. Buka URL ini di browser Anda untuk melihat aplikasi Angular Anda.

Sekarang, aplikasi Angular Anda berjalan secara lokal untuk pengembangan. Untuk mengakses aplikasi ini melalui jaringan, Anda dapat memulainya menggunakan opsi --host 0.0.0.0. Anda juga dapat menyesuaikan nomor port dengan --port options.

ng serve --host 0.0.0.0 

Setelah aplikasi Anda siap untuk produksi, langkah selanjutnya akan membantu Anda membuat build untuk produksi deployment.
Halaman aplikasi default sudutLangkah 5: Bangun Aplikasi Angular

When Anda siap untuk menggunakan aplikasi Angular Anda, gunakan perintah ng build untuk mengkompilasi aplikasi ke dalam direktori keluaran bernama “dist/”:

ng build 

Artefak build akan disimpan di dist / direktori. Gunakan flag --prod untuk produksi build:

ng build --prod 

Anda dapat mengunggah file yang dihasilkan di bawah direktori dist/ ke root dokumen di situs web produksi.
Conclusion

Menyiapkan Angular di Ubuntu atau Debian, seperti yang ditunjukkan, adalah proses langsung yang melibatkan pemasangan dependensi, Angular CLI, dan pembuatan proyek Angular pertama Anda. Penggunaan Angular CLI menyederhanakan seluruh proses, memungkinkan Anda untuk fokus pada pengembangan aplikasi Anda daripada mengkhawatirkan penyiapan dan konfigurasi.

Belajar menyiapkan Angular di sistem Anda adalah langkah penting untuk menjadi pengembang Angular yang mahir. Kekuatan dan fleksibilitas yang ditawarkan Angular menjadikannya pilihan yang sangat baik untuk membangun berbagai macam aplikasi web, mulai dari aplikasi satu halaman sederhana hingga sistem tingkat perusahaan yang rumit. aplikasi web yang mengesankan dan efisien menggunakan Angular. Jalan untuk menguasai Angular mungkin tampak menakutkan, tetapi ingat, setiap pakar pernah menjadi pemula. Selamat coding!



Referensi tecadmin.com