Platform JavaScript yang dapat diakses secara bebas untuk membuat aplikasi dinamis disebut Angular.js. Ini memungkinkan Anda untuk mewakili setiap aspek aplikasi Anda dengan cepat dan jelas dengan memperluas sintaks HTML saat digunakan sebagai bahasa template Anda. Ini menyediakan seperangkat alat untuk menulis, memperbarui, dan menguji kode. Ia menawarkan banyak kemampuan termasuk perutean dan manajemen formulir. Panduan ini membahas cara menginstal Angular di Ubuntu 24 dengan melalui instalasi Node.js.
Perbarui dan Tingkatkan Sistem
Sebelum melanjutkan ke instalasi, mari kita lakukan pembaruan sistem terlebih dahulu. Sistem Ubuntu 24 perlu diperbarui karena akan segera berlaku pada instalasi baru tanpa masalah apa pun. Jadi, kami menggunakan instruksi pembaruan dan peningkatan dalam satu perintah yang dijalankan dengan bantuan utilitas “apt”.
Sudo pembaruan yang tepat && sudo peningkatan yang tepat
Setelah menjalankan instruksi ini, sistem mengalokasikan ruang yang ditetapkan untuk proses peningkatan dan pembaruan dan meminta Anda mengonfirmasinya dengan mengetuk “y” atau “n”. Oleh karena itu, Anda harus menekan “y” untuk menyelesaikan proses pembaruan ini seperti yang digambarkan berikut ini. Setelah beberapa saat, sistem kami akan berhasil diperbarui dan ditingkatkan.
Instal Dependensi
Instalasi Angular dan Node.js juga bergantung pada beberapa utilitas lain. Dependensi ini termasuk git, wget, curl, dan banyak lagi. Jadi, kita perlu menginstal dependensi tersebut terlebih dahulu. Untuk instalasi dependensi tersebut, kami menggunakan utilitas “apt” yang sama di shell perintah dan menunggu hingga semua dependensi berhasil diinstal.
sudo tepat Install curl gnupg2 gnupg git wget -Dan
Instal Node.js
Aplikasi Angular tidak dapat bekerja tanpa Node.js yang merupakan persyaratan utama. Oleh karena itu, Node.js perlu diinstal sebelum melanjutkan menginstal Angular di Ubuntu 24. Selain itu, Node.js memerlukan utilitas baris perintah NVM untuk instalasinya. Jadi, kami menggunakan utilitas “curl” di shell terminal untuk menginstal utilitas NVM terlebih dahulu dari repositori resmi Github. Anda dapat melihat bahwa setelah instruksi ini dijalankan, utilitas NVM telah diunduh dan diinstal.
Sudo ikal https: // mentah.githubusercontent.com / penciptaanix / nvm / menguasai / instal.sh | pesta
Sekarang, mengaktifkan lingkungan NVM pada sistem Linux Ubuntu 24 juga diperlukan. Jadi, kami menjalankan file 'bashrc' menggunakan instruksi sumber sehingga sistem bisa mendapatkan efek dari utilitas NVM yang baru diinstal dan mengatur lingkungannya.
Sumber ~ / .bashrc
Setelah membuat lingkungan, sistem Ubuntu 24 siap untuk menginstal Node.js pada akhirnya. Untuk ini, kami menggunakan utilitas “nvm” yang baru diinstal dalam instruksi instalasi yang digunakan di shell terminal. Dengan menggunakan instruksi ini, kami menginstal versi terbaru Node.js 18 di sistem Ubuntu kami. Selain itu, alat NVM menginstal manajer paket node bersama dengan Node.js. Pemrosesan dimulai dengan mengunduh dan menginstal node versi 18.19.1 dari situs resminya. Setelah itu, ia menghitung checksum dan membuat alias default.
Nvm Install 18
Setelah instalasi Node.js berhasil, kita perlu memverifikasi bahwa Node.js telah diinstal dan dipasang di sistem kita. Untuk itu, kita perlu memeriksa versi yang diinstal menggunakan perintah “version” yang dimulai dengan kata kunci “node”. Selain itu, instruksi instalasi NVM sebelumnya menginstal NPM (Node Package Manager) bersama dengan Node.js. Oleh karena itu kita harus mencari versi NPMnya juga. Output dari kedua perintah menampilkan versi seperti yang digambarkan pada gambar terlampir berikut:
simpul -di dalamNpm -di dalam
Instal CLI Sudut
Saatnya mengambil langkah terakhir untuk menginstal antarmuka baris perintah Angular setelah menginstal semua dependensi termasuk NPM dan Node.js. Untuk ini, kami menggunakan NPM (manajer paket node) di dalam shell terminal Ubuntu 24.
Anda dapat menggunakan hak sudo untuk menjalankan instruksi instalasi ini. Perintah ini menyertakan tautan ke paket resmi Angular CLI. Bendera “—location” diatur untuk menambahkan Angular CLI di tingkat global untuk sistem Ubuntu 24 yang dapat diakses oleh semua pengguna di platform saat ini.
Npm Install @ bersudut / klik – lokasi =global
Akan membantu jika Anda menunggu beberapa saat hingga pemrosesan Angular CLI selesai. Setelah beberapa pemrosesan, paket Angular CLI ditambahkan dan berhasil diinstal. Sebagai imbalannya, Anda akan mendapatkan keluaran seperti berikut di layar terminal Anda yang memiliki 232 paket yang ditambahkan dalam 2 menit:
Sekarang, saatnya memverifikasi instalasi Angular CLI. Muncul dengan perintah “ng” yang membantu menjalankan perintah di Angular CLI. Jadi, mari kita cari versi perintah “ng” yang terinstal. Setelah menjawab beberapa pertanyaan tentang menjalankan perintah versi ini, kita akan mendapatkan output berikut yang juga berisi informasi mengenai versi Angular, Node, NPM, dan OS. Ada juga tampilan informasi mengenai paket dan versi yang diinstal di bagian akhir.
Dari versi
Buat Aplikasi Sudut
Saatnya menggunakan Angular CLI untuk membuat aplikasi Angular baru di Ubuntu 24. Sama seperti cara kami menggunakan instruksi “ng” untuk memeriksa versi Angular CLI, kami juga akan menggunakannya untuk membuat aplikasi baru bernama “test” dengan kata kunci “baru”. Eksekusi berlangsung dengan beberapa pertanyaan yang diajukan. Akan membantu jika Anda menjawab pertanyaan-pertanyaan tersebut sesuai dengan preferensi Anda, dan paket untuk aplikasi baru Anda akan berhasil diinstal.
Baru tes
Setelah beberapa saat, aplikasi Angular baru bernama “test” dibuat. Direktori “test” baru dihasilkan di direktori kerja kami seperti yang digambarkan oleh output terlampir berikut:
Setelah membuat aplikasi Angular “pengujian”, kita perlu menjalankannya juga. Untuk itu, pindah ke dalam direktori “test” dan gunakan utilitas “ng” untuk menjalankan perintah “serve”.
CD tesMelayani
Anda juga dapat menggunakan perintah yang sama untuk menyetel port 4200 untuk semua antarmuka sistem dengan menyetel host sebagai 0.0.0.0.
Melayani –host 0.0.0.0 –port 4200
Kesimpulan
Panduan ini menunjukkan bagaimana lingkungan Angular dapat dimanfaatkan untuk membuat aplikasi apa pun. Mendukung gagasan tersebut, kami mendemonstrasikan metode untuk menginstal Angular di Ubuntu 24 setelah instalasi dan konfigurasi Node.js dan NPM. Terakhir, kami menguraikan cara membuat aplikasi Angular di Ubuntu 24 dengan memanfaatkan Angular CLI.