Dalam artikel seterusnya kita akan melihat Angular CLI. Sekiranya anda masih tidak tahu Angular adalah kerangka pembangunan aplikasi front-end sumber terbuka, popular dan sangat luas. Ini dapat digunakan untuk membangun aplikasi mobile dan web menggunakan TypeScript, JavaScript, dan bahasa umum lainnya. Angular adalah istilah selimut untuk semua versi Angular yang muncul selepas AngularJS.
Kerangka pembangunan ini sangat cocok untuk membangun aplikasi dari awal, mulai dari skala kecil hingga besar. Salah satu komponen utama platform Angular untuk membantu pembangunan aplikasi adalah utiliti Angular CLI. Ini adalah alat baris perintah yang mudah dan senang digunakan. Ini digunakan untuk membuat, mengurus, membina dan menguji aplikasi yang dibuat dengan Angular.
Dalam baris berikut kita akan melihat bagaimana kita dapat pasang alat baris perintah Angular pada sistem Ubuntu 19.04 kami. Kami juga akan melihat contoh asas alat ini.
Memasang Node.js di Ubuntu
Untuk memasang CLI Angular kita perlu memasang versi Node.js dan NPM terkini pada sistem kita. 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 menyusun dan memasang pemalam NPM asli, kita mungkin perlu memasang alat pembangun pada sistem kita. Untuk melakukannya, di terminal yang sama kami akan melakukan perkara berikut:
sudo apt install -y build-essential
Pemasangan CLI sudut pada Ubuntu 19.04
Selepas pemasangan Node.js dan NPM seperti yang baru kita lihat, kita akan dapat pasang CLI Angular menggunakan pengurus pakej npm seperti berikut. Dalam kes ini, pilihan -g ini bermaksud bahawa kita akan memasang alat ini di seluruh sistem, untuk digunakan oleh semua pengguna.
sudo npm install -g @angular/cli
Selepas pemasangan, kita dapat mulakan Angular CLI menggunakan ng yang boleh dilaksanakan yang kini harus dipasang pada sistem kami. Jalankan perintah berikut di terminal (Ctrl + Alt + T) untuk mengesahkan versi Angular CLI yang dipasang:
ng --version
Membuat projek menggunakan CLI Angular
Sekarang mari kita lihat bagaimana kita dapat membuat, membina dan melayani projek Angular asas baru. Pertama, kita akan pergi ke direktori webroot dari pelayan kami. Kemudian kami akan membuat aplikasi Angular baru seperti berikut:
cd /var/www/html/ sudo ng new ubunlog-app
Kita harus memutuskan sama ada kita mahu berkongsi data tanpa nama kepada pasukan Angular. Kami terus pergi ke direktori aplikasi yang baru kami buat. Kita akan mula melayan aplikasi seperti yang ditunjukkan dalam perkara berikut:
cd ubunlog-app ng serve
Perintah sebelumnya akan meletakkan kita di skrin pautan yang akan memberitahu kita bagaimana kita dapat melihat aplikasi kita beroperasi.
Sebelum kita dapat mengaksesnya dari penyemak imbas web, sekiranya perkhidmatan firewall berjalan, kita mesti membuka port 4200 dalam konfigurasi ini, seperti yang ditunjukkan di bawah:
sudo ufw allow 4200/tcp sudo ufw reload
Selepas ini, kami dapat membuka penyemak imbas web kegemaran kami dan menavigasi menggunakan URL yang disediakan oleh terminal ke lihat aplikasi baru dijalankan, seperti yang ditunjukkan dalam tangkapan skrin berikut.
http://localhost:4200/
Kami juga dapat menggunakan URL lain ini untuk mengakses aplikasi kami:
http://IP_SERVIDOR:4200
Perlu disebutkan bahawa jika kita menggunakan perintah "ng berkhidmat"Untuk membina aplikasi dan memberikannya secara tempatan seperti yang baru kita lihat, pelayan membina semula aplikasi secara automatik dan memuat semula halaman web apabila kami menukar mana-mana fail sumber.
Sekiranya kita mahu mendapatkan lebih banyak maklumat mengenai alat ng, kita boleh menjalankan perintah berikut di terminal (Ctrl + Alt + T):
ng help
Dalam artikel ini, kita telah melihat bagaimana melakukan a pemasangan CLI Angular pada sistem Ubuntu kami, selain membangun, menyusun, dan melayani aplikasi dasar pada server pengembangan.
Ini hanya langkah pertama yang paling asas yang boleh diambil dengan CLI Angular. Untuk lihat lebih banyak maklumat mengenai Angular CLI, kita boleh berunding dengan laman web rasmi projek.