Cara Memasang Angular pada Ubuntu 24.04

Platform JavaScript yang boleh diakses secara bebas untuk mencipta apl dinamik dipanggil Angular.js. Ia membolehkan anda mewakili setiap aspek aplikasi anda dengan cepat dan jelas dengan memanjangkan sintaks HTML apabila digunakan sebagai bahasa templat anda. Ia menyediakan satu set alat untuk menulis, mengemas kini dan menguji kod. Ia menawarkan pelbagai keupayaan termasuk penghalaan dan pengurusan borang. Panduan ini membincangkan kaedah untuk memasang Angular pada Ubuntu 24 dengan melalui pemasangan Node.js.

Kemas kini dan Naik Taraf Sistem

Sebelum bergerak ke arah pemasangan, mari kita selesaikan kemas kini sistem dahulu. Ia perlu untuk mengemas kini sistem Ubuntu 24 kerana ia perlu berkuat kuasa pada pemasangan baharu tanpa sebarang masalah tidak lama lagi. Jadi, kami menggunakan arahan kemas kini dan naik taraf dalam satu arahan yang dilaksanakan dengan bantuan utiliti 'apt'.

Selepas melaksanakan arahan ini, sistem memperuntukkan ruang yang ditetapkan kepada proses naik taraf dan kemas kini dan meminta anda mengesahkannya dengan mengetik “y” atau “n”. Oleh itu, anda mesti menekan 'y' untuk melengkapkan proses kemas kini ini seperti yang digambarkan dalam berikut. Selepas beberapa ketika, sistem kami akan dikemas kini dan dinaik taraf dengan jayanya.

Pasang Ketergantungan

Pemasangan Angular dan Node.js bergantung pada beberapa utiliti lain juga. Kebergantungan ini termasuk git, wget, curl, dan banyak lagi. Oleh itu, kita perlu memasang kebergantungan tersebut terlebih dahulu. Untuk pemasangan dependensi tersebut, kami menggunakan utiliti 'apt' yang sama dalam shell arahan dan tunggu sehingga semua dependensi berjaya dipasang.

Pasang Node.js

Aplikasi Angular tidak boleh berfungsi tanpa Node.js yang merupakan keperluan utama. Oleh itu, adalah perlu untuk memasang Node.js sebelum bergerak ke arah memasang Angular pada Ubuntu 24. Selain itu, Node.js memerlukan utiliti baris arahan NVM untuk pemasangannya. Jadi, kami menggunakan utiliti 'curl' dalam cangkerang terminal untuk memasang utiliti NVM terlebih dahulu daripada repositori Github rasmi. Anda boleh melihat bahawa selepas pelaksanaan arahan ini, utiliti NVM telah dimuat turun dan dipasang.

Kini, mendayakan persekitaran NVM pada sistem Linux Ubuntu 24 juga perlu. Jadi, kami menjalankan fail 'bashrc' menggunakan arahan sumber supaya sistem boleh mendapatkan kesan utiliti NVM yang baru dipasang dan menetapkan persekitaran.

Selepas mencipta persekitaran, sistem Ubuntu 24 bersedia untuk memasang Node.js pada penghujungnya. Untuk ini, kami menggunakan utiliti 'nvm' yang baru dipasang dalam arahan pemasangan yang digunakan dalam shell terminal. Menggunakan arahan ini, kami memasang versi terkini Node.js 18 pada sistem Ubuntu kami. Selain itu, alat NVM memasang pengurus pakej nod bersama-sama dengan Node.js. Pemprosesan bermula dengan memuat turun dan memasang nod versi 18.19.1 dari tapak web rasmi. Selepas itu, ia mengira jumlah semak dan mencipta alias lalai.

Selepas pemasangan Node.js berjaya, kami perlu mengesahkan bahawa ia telah dipasang dan dipasang dalam sistem kami. Untuk itu, kita perlu menyemak versi yang dipasang menggunakan arahan 'versi' bermula dengan kata kunci 'nod'. Selain itu, arahan pemasangan NVM sebelumnya memasang NPM (Pengurus Pakej Node) bersama-sama dengan Node.js. Oleh itu, kita perlu mencari versi NPM juga. Output kedua-dua arahan memaparkan versi seperti yang digambarkan dalam imej yang dilampirkan berikut:

Pasang CLI Sudut

Tiba masanya untuk mengambil langkah terakhir untuk memasang antara muka baris arahan Angular selepas memasang semua kebergantungan termasuk NPM dan Node.js. Untuk ini, kami menggunakan NPM (pengurus pakej nod) dalam shell terminal Ubuntu 24.

Anda boleh menggunakan hak sudo untuk melaksanakan arahan pemasangan ini. Perintah ini termasuk pautan ke pakej rasmi Angular CLI. Bendera '—lokasi' ditetapkan untuk menambah CLI Sudut pada peringkat global untuk sistem Ubuntu 24 yang boleh diakses oleh semua pengguna dalam platform semasa.

Ia akan membantu jika anda menunggu seketika sehingga pemprosesan Angular CLI selesai. Selepas beberapa pemprosesan, pakej Angular CLI ditambah dan berjaya dipasang. Sebagai balasan, anda akan mendapat output yang digambarkan berikut pada skrin terminal anda yang mempunyai 232 pakej ditambah dalam 2 minit:

Kini, tiba masanya untuk mengesahkan pemasangan Angular CLI. Ia datang dengan arahan 'ng' yang membantu melaksanakan arahan pada CLI Sudut. Jadi, mari cari versi arahan 'ng' yang dipasang. Selepas menjawab beberapa soalan tentang melaksanakan arahan versi ini, kami akan mendapat output berikut yang turut mengandungi maklumat mengenai versi Angular, Node, NPM dan OS. Terdapat juga paparan maklumat mengenai pakej dan versi yang dipasang pada penghujungnya.

Buat Aplikasi Sudut

Sudah tiba masanya untuk menggunakan Angular CLI untuk mencipta aplikasi Angular baharu pada Ubuntu 24. Sama seperti cara kami menggunakan arahan “ng” untuk menyemak versi Angular CLI, kami juga akan menggunakannya untuk mencipta aplikasi baharu bernama “test” dengan kata kunci 'baharu'. Pelaksanaan berlaku dengan beberapa soalan diajukan. Ia akan membantu jika anda menjawab soalan tersebut mengikut keutamaan anda, dan pakej untuk aplikasi baharu anda akan berjaya dipasang.

Selepas beberapa ketika, aplikasi Sudut baharu bernama 'ujian' dicipta. Direktori 'ujian' baharu dijana dalam direktori kerja kami seperti yang digambarkan oleh output yang dilampirkan berikut:

Selepas mencipta aplikasi Sudut 'ujian', kita perlu menjalankannya juga. Untuk itu, bergerak dalam direktori 'ujian' dan gunakan utiliti 'ng' untuk melaksanakan arahan 'serve'.

Anda juga boleh menggunakan arahan yang sama untuk menetapkan port 4200 untuk semua antara muka sistem dengan menetapkan hos sebagai 0.0.0.0.

Kesimpulan

Panduan ini menunjukkan cara persekitaran Angular boleh digunakan untuk mencipta sebarang aplikasi. Menyokong idea itu, kami menunjukkan kaedah untuk memasang Angular pada Ubuntu 24 selepas pemasangan dan konfigurasi Node.js dan NPM. Akhir sekali, kami menghuraikan cara untuk mencipta aplikasi Angular dalam Ubuntu 24 dengan menggunakan Angular CLI.