Cara Menginstal dan Menggunakan AngularJS di Ubuntu

Dalam panduan ini, kami akan mengilustrasikan cara menginstal dan menggunakan AngularJS di Ubuntu

AngularJS adalah kerangka kerja web front-end open-source berbasis JavaScript untuk mengembangkan aplikasi satu halaman. Itu dikelola terutama oleh Google dan komunitas individu dan perusahaan.

Ini bertujuan untuk menyederhanakan pengembangan dan pengujian aplikasi tersebut dengan menyediakan kerangka kerja untuk arsitektur model-view-controller (MVC) dan model-view-viewmodel (MVVM) sisi klien, bersama dengan komponen yang biasa digunakan dalam aplikasi web dan progresif aplikasi web.

AngularJS digunakan sebagai frontend tumpukan MEAN, yang terdiri dari database MongoDB, kerangka kerja server aplikasi web Express.js, AngularJS itu sendiri (atau Angular), dan lingkungan runtime server Node.js.

Instalasi

Cukup ikuti langkah-langkah di bawah ini

• Perbarui dan tingkatkan sistem Ubuntu

sudo apt update && sudo apt upgrade

Instal Node.js Di Ubuntu

Setelah itu kita akan menggunakan npm (Pengelola Paket Node) untuk menginstal AngularJS .

npm adalah manajer paket default untuk Node.JS pada sistem Linux. Jadi, akan menginstalnya di sistem Ubuntu kami.

• Tambahkan repositori Node.JS. Kami juga akan memasang Node.js 14 di Ubuntu sejak node.js 16 tidak didukung oleh Sudut

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

• Kemudian instal node.js di Ubuntu

sudo apt install nodejs -y

• Konfirmasi pemasangan Anda dengan memeriksa versi node.js dan versi npm seperti yang ditunjukkan di bawah ini.

node -v

• Perintah di atas juga akan menginstal npm JavaScript package manager, Jadi perbarui versi npm.

sudo npm install npm@latest -g

Instal AngularJS di Ubuntu

• Instal AngulaJS di sistem Anda, Instal versi terbaru AngulaJS di Ubuntu menggunakan perintah di bawah ini

sudo npm install -g @angular/cli

Versi terbaru dari Angular CLI akan diinstal di ubuntu 20.04, 21.04 dan18.04

• Periksa atau verifikasi versi Angular yang diinstal dengan menjalankan:

ng version

CATATAN:

Anda dapat menginstal versi tertentu pada Angular CLI di Ubuntu.

npm install -g @angular/cli@10    #Angular 10
npm install -g @angular/cli@9     #Angular 9
npm install -g @angular/cli@8     #Angular 8

Buat Aplikasi Angular Baru

• Sekarang Anda dapat menggunakan "ng “perintah untuk membuat aplikasi sudut baru.

Misalnya: kita akan membuat aplikasi demo bernama UnixcopVisitors menggunakan AngularJS.

ng new UnixcopVisitors

Perintah membuat direktori UnixcopVisitors di direktori saat ini dengan semua file yang diperlukan untuk aplikasi Angular.

Menyajikan Aplikasi Angular

• Setelah Anda membuat aplikasi bersudut, buka direktori aplikasi lalu sajikan aplikasi Anda seperti yang ditunjukkan di bawah ini.

cd UnixcopVisitors
ng serve

• akses aplikasi di web menggunakan URL http://localhost:4200 seperti gambar di bawah

CATATAN:

Anda juga dapat mengubah host dan port tempat aplikasi berjalan menggunakan:

ng serve --host 0.0.0.0 --port 8080

Kesimpulan

Itu saja

Kami menunjukkan kepada Anda cara menginstal dan menggunakan AngularJS di Ubuntu 20.04

Terima kasih….