Πώς να εγκαταστήσετε το Angular στο Ubuntu 24.04

Μια ελεύθερα προσβάσιμη πλατφόρμα JavaScript για τη δημιουργία δυναμικών εφαρμογών ονομάζεται Angular.js. Σας δίνει τη δυνατότητα να αναπαραστήσετε κάθε πτυχή της εφαρμογής σας γρήγορα και ξεκάθαρα επεκτείνοντας τη σύνταξη του HTML όταν χρησιμοποιείται ως γλώσσα προτύπου. Παρέχει ένα σύνολο εργαλείων για τη σύνταξη, την ενημέρωση και τη δοκιμή ενός κώδικα. Προσφέρει μια πληθώρα δυνατοτήτων, όπως δρομολόγηση και διαχείριση φόρμας. Αυτός ο οδηγός περιγράφει τη μέθοδο εγκατάστασης του Angular στο Ubuntu 24 περνώντας από την εγκατάσταση του Node.js.

Ενημέρωση και αναβάθμιση του συστήματος

Πριν προχωρήσουμε στις εγκαταστάσεις, ας περάσουμε πρώτα από την ενημέρωση συστήματος. Είναι απαραίτητο να ενημερώσετε το σύστημα Ubuntu 24, επειδή πρέπει να τεθεί σε ισχύ σε νέες εγκαταστάσεις χωρίς προβλήματα σύντομα. Έτσι, χρησιμοποιούμε την εντολή ενημέρωσης και αναβάθμισης μέσα σε μία μόνο εντολή που εκτελείται με τη βοήθεια ενός βοηθητικού προγράμματος 'apt'.

Μετά την εκτέλεση αυτής της εντολής, το σύστημα εκχωρεί τον καθορισμένο χώρο στη διαδικασία αναβάθμισης και ενημέρωσης και σας ζητά να τον επιβεβαιώσετε πατώντας «y» ή «n». Επομένως, πρέπει να πατήσετε το 'y' για να ολοκληρώσετε αυτήν τη διαδικασία ενημέρωσης όπως φαίνεται παρακάτω. Μετά από λίγο, το σύστημά μας θα ενημερωθεί και θα αναβαθμιστεί με επιτυχία.

Εγκαταστήστε τις Εξαρτήσεις

Η εγκατάσταση του Angular και του Node.js εξαρτάται και από κάποια άλλα βοηθητικά προγράμματα. Αυτές οι εξαρτήσεις περιλαμβάνουν git, wget, curl και πολλά άλλα. Επομένως, πρέπει να εγκαταστήσουμε αυτές τις εξαρτήσεις εκ των προτέρων. Για την εγκατάσταση αυτών των εξαρτήσεων, χρησιμοποιούμε το ίδιο βοηθητικό πρόγραμμα 'apt' στο κέλυφος εντολών και περιμένουμε μέχρι να εγκατασταθούν με επιτυχία όλες οι εξαρτήσεις.

Εγκαταστήστε το Node.js

Οι εφαρμογές Angular δεν μπορούν να λειτουργήσουν χωρίς το Node.js που είναι η κύρια απαίτηση. Επομένως, είναι απαραίτητο να εγκαταστήσετε το Node.js πριν προχωρήσετε στην εγκατάσταση του Angular στο Ubuntu 24. Επίσης, το Node.js απαιτεί το βοηθητικό πρόγραμμα γραμμής εντολών NVM για την εγκατάστασή του. Έτσι, χρησιμοποιούμε το βοηθητικό πρόγραμμα 'curl' στο κέλυφος τερματικού για να εγκαταστήσουμε το βοηθητικό πρόγραμμα NVM πρώτα από το επίσημο αποθετήριο Github. Μπορείτε να δείτε ότι μετά την εκτέλεση αυτής της εντολής, έχει γίνει λήψη και εγκατάσταση του βοηθητικού προγράμματος NVM.

Τώρα, η ενεργοποίηση του περιβάλλοντος NVM στο σύστημα Ubuntu 24 Linux είναι επίσης απαραίτητη. Έτσι, εκτελούμε το αρχείο 'bashrc' χρησιμοποιώντας την εντολή πηγής, έτσι ώστε το σύστημα να μπορεί να λάβει τα εφέ του πρόσφατα εγκατεστημένου βοηθητικού προγράμματος NVM και να ορίσει το περιβάλλον.

Μετά τη δημιουργία ενός περιβάλλοντος, το σύστημα Ubuntu 24 είναι έτοιμο να εγκαταστήσει το Node.js στο τέλος του. Για αυτό, χρησιμοποιούμε το πρόσφατα εγκατεστημένο βοηθητικό πρόγραμμα 'nvm' εντός των οδηγιών εγκατάστασης που χρησιμοποιούνται στο κέλυφος του τερματικού. Χρησιμοποιώντας αυτήν την οδηγία, εγκαθιστούμε την πιο πρόσφατη έκδοση του Node.js 18 στο σύστημά μας Ubuntu. Επίσης, το εργαλείο NVM εγκαθιστά τη διαχείριση πακέτων κόμβου μαζί με το Node.js. Η επεξεργασία ξεκινά με τη λήψη και την εγκατάσταση της έκδοσης 18.19.1 του κόμβου από τον επίσημο ιστότοπο. Μετά από αυτό, υπολογίζει το άθροισμα ελέγχου και δημιουργεί ένα προεπιλεγμένο ψευδώνυμο.

Μετά την επιτυχή εγκατάσταση του Node.js, πρέπει να επαληθεύσουμε ότι έχει εγκατασταθεί και προσαρτηθεί στο σύστημά μας. Για αυτό, πρέπει να ελέγξουμε για την εγκατεστημένη έκδοσή του χρησιμοποιώντας την εντολή 'έκδοση' που ξεκινά με τη λέξη-κλειδί 'κόμβος'. Επίσης, η προηγούμενη οδηγία εγκατάστασης NVM εγκατέστησε το NPM (Node Package Manager) μαζί με το Node.js. Επομένως, πρέπει να αναζητήσουμε και την έκδοση NPM. Η έξοδος και των δύο εντολών εμφανίζει τις εκδόσεις όπως απεικονίζονται στην παρακάτω συνημμένη εικόνα:

Εγκαταστήστε το Angular CLI

Ήρθε η ώρα να κάνετε τα τελικά βήματα για την εγκατάσταση της διεπαφής της γραμμής εντολών Angular μετά την εγκατάσταση όλων των εξαρτήσεων, συμπεριλαμβανομένων των NPM και Node.js. Για αυτό, χρησιμοποιούμε το NPM (διαχειριστής πακέτων κόμβου) μέσα στο κέλυφος τερματικού του Ubuntu 24.

Μπορείτε να χρησιμοποιήσετε τα δικαιώματα sudo για την εκτέλεση αυτής της εντολής εγκατάστασης. Αυτή η εντολή περιλαμβάνει τον σύνδεσμο προς το επίσημο πακέτο του Angular CLI. Η σημαία «—location» έχει οριστεί για να προσθέσει το Angular CLI σε παγκόσμιο επίπεδο για το σύστημα Ubuntu 24 το οποίο είναι προσβάσιμο σε όλους τους χρήστες στην τρέχουσα πλατφόρμα.

Θα βοηθούσε αν περιμένετε λίγο μέχρι να ολοκληρωθεί η επεξεργασία του Angular CLI. Μετά από κάποια επεξεργασία, τα πακέτα Angular CLI προστίθενται και εγκαθίστανται με επιτυχία. Σε αντάλλαγμα, θα λάβετε την ακόλουθη απεικονιζόμενη έξοδο στην οθόνη του τερματικού σας, η οποία έχει προστεθεί 232 πακέτα σε 2 λεπτά:

Τώρα, ήρθε η ώρα να επαληθεύσετε την εγκατάσταση του Angular CLI. Έρχεται με την εντολή 'ng' που βοηθά στην εκτέλεση των εντολών στο Angular CLI. Λοιπόν, ας αναζητήσουμε την εγκατεστημένη έκδοση της εντολής 'ng'. Αφού απαντήσουμε σε ορισμένες από τις ερωτήσεις σχετικά με την εκτέλεση αυτής της εντολής έκδοσης, θα λάβουμε την ακόλουθη έξοδο που περιέχει επίσης τις πληροφορίες σχετικά με την έκδοση του Angular, του Node, του NPM και του OS. Επίσης, στο τέλος εμφανίζονται πληροφορίες σχετικά με τα πακέτα και τις εγκατεστημένες εκδόσεις τους.

Δημιουργήστε μια γωνιακή εφαρμογή

Ήρθε η ώρα να χρησιμοποιήσετε το Angular CLI για να δημιουργήσετε μια νέα εφαρμογή Angular στο Ubuntu 24. Όπως ακριβώς χρησιμοποιήσαμε την οδηγία 'ng' για να ελέγξουμε την έκδοση του Angular CLI, θα τη χρησιμοποιήσουμε επίσης για να δημιουργήσουμε μια νέα εφαρμογή με το όνομα 'test' με το «νέα» λέξη-κλειδί. Η εκτέλεση γίνεται με κάποιες ερωτήσεις. Θα βοηθούσε αν απαντήσετε σε αυτές τις ερωτήσεις σύμφωνα με τις προτιμήσεις σας και τα πακέτα για τη νέα σας εφαρμογή θα εγκατασταθούν με επιτυχία.

Μετά από λίγο, δημιουργείται μια νέα εφαρμογή Angular με το όνομα 'test'. Ένας νέος κατάλογος 'δοκιμαστικό' δημιουργείται στον κατάλογο εργασίας μας, όπως απεικονίζεται στην ακόλουθη συνημμένη έξοδο:

Αφού δημιουργήσουμε μια «δοκιμαστική» εφαρμογή Angular, πρέπει να την τρέξουμε επίσης. Για αυτό, μετακινηθείτε στον κατάλογο 'test' και χρησιμοποιήστε το βοηθητικό πρόγραμμα 'ng' για να εκτελέσετε την εντολή 'serve'.

Μπορείτε επίσης να χρησιμοποιήσετε την ίδια εντολή για να ορίσετε τη θύρα 4200 για όλες τις διεπαφές συστήματος ορίζοντας τον κεντρικό υπολογιστή ως 0.0.0.0.

συμπέρασμα

Αυτός ο οδηγός δείχνει πώς ένα περιβάλλον Angular μπορεί να χρησιμοποιηθεί για τη δημιουργία οποιασδήποτε εφαρμογής. Υποστηρίζοντας την ιδέα, παρουσιάσαμε τη μέθοδο εγκατάστασης του Angular στο Ubuntu 24 μετά την εγκατάσταση και τη διαμόρφωση των Node.js και NPM. Τέλος, επεξεργαστήκαμε έναν τρόπο δημιουργίας μιας εφαρμογής Angular στο Ubuntu 24 χρησιμοποιώντας το Angular CLI.