Εγκατάσταση της JavaScript τοπικά

Μάθε πώς να εγκαταστήσεις τη JavaScript τοπικά, για να λύνεις τις ασκήσεις του Exercism στον δικό σου υπολογιστή


Αυτή η διαδρομή βασίζεται σε όλη τη διάρκειά της στο Node.js για να παρέχει ένα περιβάλλον εκτέλεσης για τη JavaScript. Αυτό σημαίνει ότι υποθέτουμε πως κάθε εκτέλεση JavaScript στον υπολογιστή σου θα γίνεται με το Node.js.

Απαιτήσεις της διαδρομής

Πολλοί υπολογιστές έρχονται με προεγκατεστημένο το Node.js ή μπορεί να το έχεις εγκαταστήσει στο παρελθόν, ή να έχει εγκατασταθεί ως εξάρτηση. Οπότε, πριν κάνουμε οτιδήποτε, καλό είναι να ελέγξουμε αν είναι ήδη εγκατεστημένο:

  1. Άνοιξε ένα τερματικό (Terminal, cmd, Powershell, bash, ...)
  2. node -v

Αν το Node.js είναι εγκατεστημένο, εμφανίζεται μια έκδοση. Σημείωσε αυτή την έκδοση. Αν το Node.js δεν είναι εγκατεστημένο, θα εμφανιστεί ένα σφάλμα. Συνήθως κάτι σαν 'node' is not recognised.

Node.js

Αν το Node.js είναι προεγκατεστημένο

Πήγαινε στην ιστοσελίδα του Node.js. Θα εμφανίσει δύο εκδόσεις (αν αναγνωρίσει το λειτουργικό σου σύστημα. Διαφορετικά, διάλεξε πρώτα το λειτουργικό σου σύστημα). Αν η έκδοση από το node -v ταιριάζει με μία από αυτές, είσαι εντάξει. Αν δεν ταιριάζει, σου συνιστούμε να χρησιμοποιήσεις το Node.js LTS. Αν ανησυχείς ότι η αναβάθμιση μπορεί να χαλάσει κάτι στο σύστημά σου, μπορείς να συνεχίσεις σαν να είναι όλα εντάξει, μπορεί να μην μπορέσουμε να σου παρέχουμε υποστήριξη όταν συμβεί κάτι απροσδόκητο.

Αν το Node.js δεν είναι εγκατεστημένο

Υπάρχουν μερικοί τρόποι να εγκαταστήσεις το Node.js:

Και οι δύο επιλογές υποστηρίζουν Windows, macOS και Linux. Αν δεν ξέρεις τι να κάνεις, το πιο εύκολο είναι να χρησιμοποιήσεις ένα πρόγραμμα εγκατάστασης.

  • Σου συνιστούμε να χρησιμοποιήσεις την έκδοση LTS. Στην ιστοσελίδα του Node.js χαρακτηρίζεται επίσης ως συνιστώμενη "για τους περισσότερους χρήστες".
  • Ακολούθησε τις οδηγίες στην ιστοσελίδα ή/και κατά τη διάρκεια της εγκατάστασης και εγκατέστησε το Node.js.

Έλεγχος της εγκατάστασης

Αφού ολοκληρωθεί το πρόγραμμα εγκατάστασης, ή τελειώσει ο διαχειριστής πακέτων, ή αντιγραφεί το δυαδικό αρχείο και ακολουθηθούν οι οδηγίες, καλό είναι να ελέγξεις αν όλα είναι εντάξει.

  1. Άνοιξε ένα τερματικό (Terminal, cmd, Powershell, bash, ...)
  2. node -v

Η έκδοση θα πρέπει να ταιριάζει με αυτή στην ιστοσελίδα.

[!NOTE] Είναι σημαντικό να ανοίξεις ένα νέο παράθυρο τερματικού. Τα τυχόν ανοιχτά παράθυρα τερματικού μπορεί να μην έχουν ενημερωθεί μετά την ολοκλήρωση της εγκατάστασης. Αυτό σημαίνει ότι τα ανοιχτά τερματικά δεν γνωρίζουν πως εγκαταστάθηκε ένα νέο πρόγραμμα.

[!IMPORTANT] > Βοήθεια: 'node' is not recognised

Αν χρησιμοποίησες το επίσημο πρόγραμμα εγκατάστασης, το PATH σου θα έπρεπε να έχει ρυθμιστεί αυτόματα, αλλά αν το κέλυφός σου δυσκολεύεται να εντοπίσει τα καθολικά εγκατεστημένα modules σου, ή αν μεταγλωττίζεις το Node.js από τον πηγαίο κώδικα, ενημέρωσε το PATH σου ώστε να περιλαμβάνει τα δυαδικά αρχεία του npm.

Σε macOS και Linux μπορείς να το πετύχεις προσθέτοντας τα παρακάτω είτε στο ~/.bash_profile είτε στο ~/.zshrc:

export PATH=/usr/local/share/npm/bin:$PATH

Στα Windows άνοιξε το μενού έναρξης και αναζήτησε "environment variables". Θα χρειαστεί να επεξεργαστείς την καταχώριση PATH και να προσθέσεις εδώ τη διαδρομή προς τα δυαδικά αρχεία του npm. Συνήθως βρίσκονται στο C:\Program Files\nodejs. Αν περιηγηθείς εκεί με τον File Explorer, θα βρεις τα node.exe, npm.bat και npx.bat.

Κλείσε τυχόν ανοιχτά τερματικά και άνοιξε ένα νέο.

Ενεργοποίηση του corepack

Για να χρησιμοποιήσεις έναν διαχειριστή πακέτων με εκδόσεις που είναι συμβατός με αυτή τη διαδρομή, το corepack πρέπει να ενεργοποιηθεί μία φορά:

corepack enable pnpm

Απαιτήσεις των ασκήσεων

Ακολούθησε αυτές τις οδηγίες για να κατεβάσεις το Exercism CLI για το λειτουργικό σου σύστημα.

Αφού το CLI ρυθμιστεί και διαμορφωθεί, κατέβασε την πρώτη άσκηση, τη hello-world:

exercism download --exercise=hello-world --track=javascript

Κάθε άσκηση χρειάζεται στη συνέχεια μερικά εργαλεία για να τρέξουν τα tests. Μπορούν να εγκατασταθούν εκτελώντας αυτή την εντολή μέσα στον φάκελο κάθε άσκησης:

corepack pnpm install

Καθώς αυτή η διαδρομή έχει περάσει στο pnpm, δεν χρειάζεται να ανησυχείς για τον χώρο στον δίσκο. Ρίξε μια ματιά στο pnpm, που διασφαλίζει ότι εγκαθίσταται μόνο ένα αντίγραφο κάθε έκδοσης πακέτου στον δίσκο.

Μα τι είναι το corepack και γιατί δουλεύει αυτό;

Δεν χρειάζεσαι αυτές τις πληροφορίες για να ολοκληρώσεις τη διαδρομή JavaScript, αλλά αν ανυπομονείς να καταλάβεις τι μόλις συνέβη, οι επόμενες παράγραφοι είναι για σένα:

Αυτό δουλεύει επειδή το corepack είναι ένα εργαλείο που έρχεται μαζί με το Node.js, το οποίο εγκαταστάθηκε σύμφωνα με τα παραπάνω βήματα. Μπορεί να εγκαταστήσει τον διαχειριστή πακέτων pnpm. Ρυθμίζει το σύστημα Η εντολή corepack ψάχνει για ένα αρχείο package.json, το οποίο υπάρχει σε κάθε φάκελο άσκησης. Στη συνέχεια ελέγχει το packageManager, το οποίο ταιριάζει με το pnpm, οπότε μπορεί να συνεχίσει. Αν χρειαστεί, θα αναβαθμίσει πρώτα το pnpm. Αυτό το αρχείο απαριθμεί επίσης τις "dependencies" παραπάνω, οι οποίες κατεβαίνουν μετά από το pnpm και τοποθετούνται σε έναν τοπικό cache.

Τα scripts στο package.json χρησιμοποιούν τα δυαδικά αρχεία από τον τοπικό cache, και αυτά τα scripts χρησιμοποιούνται για να τρέξουν τα tests, όπως αναφέρεται στην περιγραφή της exercise.