Pada artikel selanjutnya kita akan melihat CLI Angular. Jika Anda masih belum tahu Angular adalah kerangka kerja pengembangan aplikasi front-end open source, populer dan sangat dapat dikembangkan. Ini dapat digunakan untuk membangun aplikasi seluler dan web menggunakan TypeScript, JavaScript, dan bahasa umum lainnya. Angular adalah istilah selimut untuk semua versi Angular yang muncul setelah AngularJS.
Framework pengembangan ini sangat cocok untuk membangun aplikasi dari awal, mulai dari skala kecil hingga besar. Salah satu komponen utama platform Angular untuk membantu pengembangan aplikasi adalah utilitas CLI Angular. Ini adalah alat baris perintah yang sederhana dan mudah digunakan. Ini digunakan untuk membuat, mengelola, membangun dan menguji aplikasi yang dibuat dengan Angular.
Pada baris berikut kita akan melihat bagaimana kita bisa instal alat baris perintah Angular pada sistem Ubuntu 19.04 kami. Kami juga akan melihat contoh dasar alat ini.
Menginstal Node.js di Ubuntu
Untuk menginstal CLI Angular kami harus memiliki versi Node.js dan NPM saat ini yang diinstal di sistem kami. Untuk melakukan ini, kita hanya perlu membuka terminal (Ctrl + Alt + T) dan menulis di dalamnya:
sudo curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install -y nodejs
Juga, untuk mengkompilasi dan menginstal plugin NPM asli, kami mungkin perlu memasang alat pengembang di sistem kami. Untuk melakukannya, di terminal yang sama kami akan melakukan hal berikut:
sudo apt install -y build-essential
Instalasi CLI sudut di Ubuntu 19.04
Setelah instalasi Node.js dan NPM seperti yang baru saja kita lihat, kita akan dapat melakukannya instal Angular CLI menggunakan manajer paket npm sebagai berikut. Dalam hal ini, opsi -g itu berarti kita akan menginstal alat tersebut di seluruh sistem, untuk digunakan oleh semua pengguna.
sudo npm install -g @angular/cli
Setelah penginstalan, kita bisa mulai CLI Angular menggunakan ng executable yang sekarang harus diinstal di sistem kami. Jalankan perintah berikut di terminal (Ctrl + Alt + T) untuk memverifikasi versi CLI Angular yang diinstal:
ng --version
Membuat proyek menggunakan Angular CLI
Sekarang mari kita lihat bagaimana kita dapat membuat, membangun dan melayani proyek Angular dasar yang baru. Pertama, kita akan pergi ke direktori webroot dari server kami. Kemudian kita akan membuat aplikasi Angular baru sebagai berikut:
cd /var/www/html/ sudo ng new ubunlog-app
Kami harus memutuskan apakah kami ingin membagikan data anonim ke tim Angular. Kami terus pergi ke direktori aplikasi yang baru saja kami buat. Kita akan mulai melayani aplikasi seperti yang ditunjukkan berikut ini:
cd ubunlog-app ng serve
Perintah sebelumnya akan menempatkan kita di layar tautan yang akan memberi tahu kami bagaimana kami dapat melihat aplikasi kami beroperasi.
Sebelum kami dapat mengaksesnya dari browser web, dalam hal menjalankan layanan firewall, kita harus membuka port 4200 dalam konfigurasi ini, seperti yang ditunjukkan di bawah ini:
sudo ufw allow 4200/tcp sudo ufw reload
Setelah ini, kita dapat membuka browser web favorit kita dan menavigasi menggunakan URL yang disediakan oleh terminal ke lihat aplikasi baru berjalan, seperti yang ditunjukkan pada tangkapan layar berikut.
http://localhost:4200/
Kami juga dapat menggunakan URL lain ini untuk mengakses aplikasi kami:
http://IP_SERVIDOR:4200
Perlu disebutkan bahwa jika kita menggunakan perintah "ng melayani"Untuk membangun aplikasi dan menyajikannya secara lokal seperti yang baru saja kita lihat, server secara otomatis membangun kembali aplikasi dan memuat ulang halaman web saat kami mengubah salah satu file sumber.
Jika kita ingin mendapatkan informasi lebih lanjut tentang alat ng, kita dapat menjalankan perintah berikut di terminal (Ctrl + Alt + T):
ng help
Pada artikel ini, kita telah melihat bagaimana melakukan a instalasi sederhana dari Angular CLI di sistem Ubuntu kami, selain membangun, mengompilasi, dan melayani aplikasi dasar di server pengembangan.
Ini hanya langkah pertama paling dasar yang dapat diambil dengan CLI Angular. Untuk lihat informasi lebih lanjut tentang Angular CLI, kita bisa berkonsultasi dengan situs resmi proyek.