Πώς να αλλάξετε το θέμα στον κώδικα VS

Το Visual Studio Code μετατρέπει την επεξεργασία και τη σύνταξη νέου κώδικα σε μια διασκεδαστική εμπειρία χωρίς προβλήματα. Το προεπιλεγμένο σκούρο θέμα του VS Code σχεδιάστηκε για να είναι πιο εύκολο για τα μάτια από ένα κανονικό σκληρό, λευκό φόντο που μπορεί να προκαλέσει κόπωση μετά από πολλές ώρες εργασίας. Τι γίνεται όμως αν δεν σας αρέσουν πραγματικά τα σκούρα χρώματα στην οθόνη σας ενώ εργάζεστε;

Πώς να αλλάξετε το θέμα στον κώδικα VS

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

Αυτό το άρθρο θα σας πει όλα όσα χρειάζεται να ξέρετε για την αλλαγή θεμάτων στο VS Code.

Πώς να αλλάξετε θέμα στον κώδικα VS

Η αλλαγή του συνολικού θέματος στο VS Code είναι γρήγορη και εύκολη. Εδώ είναι τι πρέπει να κάνετε:

  1. Ανοίξτε τον κωδικό VS.

  2. Επιλέξτε "Αρχείο" ("Κώδικας" στο macOS), επιλέξτε "Προτιμήσεις" και μετά επιλέξτε "Χρώμα Θέμα".

  3. Το VS Code θα σας δείξει μια επιλογή από προκατασκευασμένα θέματα για να διαλέξετε σε ένα αναπτυσσόμενο μενού.

  4. Χρησιμοποιήστε τα πλήκτρα του κέρσορα για να κάνετε προεπισκόπηση πώς εμφανίζεται κάθε θέμα απευθείας στην οθόνη.

  5. Πατήστε "Enter" ενώ επιλέγετε να επιλέξετε αυτό το θέμα προς χρήση.

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

Πώς να αλλάξετε το θέμα του τερματικού σας σε VS Code

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

Πριν χρησιμοποιήσετε τα προαναφερθέντα βήματα για να αλλάξετε το θέμα, ανοίξτε την κονσόλα τερματικού (Ctrl + Shift + P) για να κάνετε προεπισκόπηση των αλλαγών που έγιναν στο τερματικό. Ορισμένα θέματα δεν κάνουν αλλαγές στο τερματικό, ενώ άλλα μπορούν να το αλλάξουν δραστικά. Επιπλέον, η χρήση ενός θέματος που σας αρέσει σε μέτρια ποσότητα δεν είναι επίσης καλή, καθώς μπορεί να βρείτε τον εαυτό σας να χρησιμοποιεί το τερματικό περισσότερο από ό,τι αρχικά πιστεύατε.

Ωστόσο, υπάρχουν μερικές λύσεις που θα σας επιτρέψουν να αλλάξετε το θέμα του τερματικού, τις οποίες θα καλύψουμε στις παρακάτω ενότητες.

Πώς να αλλάξετε το θέμα υλικού στον κώδικα VS

Το κύριο χαρακτηριστικό του VS Code είναι η υπερβολική αφθονία συναρπαστικών επεκτάσεων για να προσαρμόσετε την εμπειρία κωδικοποίησης και να φέρετε περισσότερες λειτουργίες στο πρόγραμμα επεξεργασίας κειμένου. Μία από αυτές τις επεκτάσεις είναι το Material Theme, ένα από τα πιο δημοφιλή του είδους του στο VS Code Marketplace.

Το Material Theme έχει πολλά πλεονεκτήματα σε σχέση με τα προ-προσαρμοσμένα σχέδια, αλλά ορισμένοι χρήστες μπορεί να το θεωρήσουν ότι λείπει. Το εγχειρίδιο χρήστη για αυτήν την επέκταση περιλαμβάνει μερικές συμβουλές για το πώς να κάνετε περαιτέρω αλλαγές για να ταιριάζουν στις ανάγκες σας. Δείτε πώς μπορείτε να αλλάξετε το συνολικό θέμα στο θέμα Υλικό:

  1. Ανοίξτε το γρήγορο μενού (Ctrl + Shift + P).

  2. Πληκτρολογήστε "θέμα" στη γραμμή εντολών.

  3. Επιλέξτε "Προτιμήσεις: Θέμα χρώματος".

  4. Επιλέξτε μία από τις προεπιλογές του θέματος υλικού.

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

  1. Ανοίξτε το γρήγορο μενού (Ctrl + Shift + P).

  2. Πληκτρολογήστε "υλικό θέμα" στη γραμμή εντολών.

  3. Επιλέξτε «Θέμα υλικού: Ορισμός χρώματος έμφασης».

  4. Επιλέξτε το χρώμα που σας αρέσει από τη λίστα.

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

Πώς να προσαρμόσετε με μη αυτόματο τρόπο ένα θέμα σε VS Code

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

Μέθοδος 1 – Λήψη προσαρμοσμένου θέματος

Όταν μιλάμε για προσαρμογή, δεν μπορούμε να μην αναφέρουμε το εκτεταμένο VS Code Marketplace. Υπάρχουν διάφορες επεκτάσεις που αλλάζουν αποκλειστικά την εμφάνιση του VS Code χωρίς να παρεμβαίνουν στη λειτουργικότητά του. Δείτε πώς να κατεβάσετε ένα θέμα.

  1. Ανοίξτε το VS Code Marketplace. Μπορείτε επίσης να χρησιμοποιήσετε το ενσωματωμένο μενού "Επεκτάσεις" στα αριστερά της οθόνης.

  2. Πληκτρολογήστε "θέμα" στη γραμμή αναζήτησης για να περιηγηθείτε μόνο σε εκείνα τα στοιχεία που αλλάζουν το θέμα. Μία από τις κορυφαίες συστάσεις μας είναι το θέμα υλικού που αναφέρθηκε παραπάνω, αλλά είμαστε σίγουροι ότι μπορείτε να βρείτε αυτό που σας ταιριάζει καλύτερα.

  3. Κάντε λήψη της επέκτασης (εάν χρησιμοποιείτε πρόγραμμα περιήγησης) και στη συνέχεια εγκαταστήστε το αρχείο .VSIX μεταβαίνοντας στο "Επεκτάσεις > εικονίδιο έλλειψης > Εγκατάσταση από το VSIX". Εναλλακτικά, όταν βρείτε το θέμα που σας αρέσει στο VS Code, κάντε κλικ σε αυτό και, στη συνέχεια, επιλέξτε το κουμπί «Εγκατάσταση» στο μενού λεπτομερειών (δεξιά).

  4. Μόλις εγκατασταθεί και ενεργοποιηθεί το θέμα, επιλέξτε το με την εντολή «Προτιμήσεις: Χρώμα Θέμα».

Μέθοδος 2 – Επεξεργασία του θέματος

Όλα τα θέματα και οι ρυθμίσεις αποθηκεύονται στον κώδικα VS χρησιμοποιώντας απλό κείμενο. Ακολουθήστε τα βήματα για να αποκτήσετε πρόσβαση σε αυτές τις ρυθμίσεις και να κάνετε τις αλλαγές που θέλετε:

  1. Δημιουργήστε έναν πάγκο εργασίας ή ένα αρχείο ρυθμίσεων χρήστη. Το πρώτο θα αλλάξει μόνο την εμφάνιση του τρέχοντος έργου, αλλά το δεύτερο θα παραμείνει σε νέα έργα.
  2. Πληκτρολογήστε την εντολή "Προτιμήσεις: Άνοιγμα ρυθμίσεων" στο κύριο μενού.

  3. Επιλέξτε την καρτέλα επάνω αριστερά για να επιλέξετε μεταξύ των ρυθμίσεων χρήστη και πάγκου εργασίας.

  4. Πατήστε "Επεξεργασία στο settings.json" για να ανοίξετε το αρχείο που περιέχει τις ρυθμίσεις που πρέπει να αλλάξετε.

  5. Βρείτε τη ρύθμιση με το όνομα "workbench.colorCustomizations".

  6. Εστιάστε στην αλλαγή του θέματος που θέλετε εισάγοντας

"[Όνομα_θέματος]": { }

Το Theme_name είναι το όνομα του θέματος που θέλετε να αλλάξετε. Κρατήστε τα εισαγωγικά.

  1. Περαιτέρω αλλαγές στο θέμα γίνονται στις νέες αγκύλες. Πληκτρολογήστε το όνομα της παραμέτρου που θέλετε να αλλάξετε (σε εισαγωγικά), πληκτρολογήστε «:» και μετά επιλέξτε την κατάλληλη ρύθμιση που χρειάζεστε.
  2. Χρησιμοποιήστε αυτόν τον οδηγό για να βρείτε τις παραμέτρους που θέλετε να αλλάξετε.
  3. Τα χρώματα αποθηκεύονται σε δεκαεξαδικό κώδικα. Χρησιμοποιήστε έναν έγχρωμο δεκαεξαδικό οδηγό για να εντοπίσετε το χρώμα που θέλετε.

  4. Όταν τελειώσετε με τις αλλαγές, αποθηκεύστε το αρχείο.

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

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

Πρόσθετες συχνές ερωτήσεις

Πού αποθηκεύονται τα θέματα κωδικών VS;

Τα θέματα που προέρχονται από επεκτάσεις αποθηκεύονται στον φάκελο επεκτάσεων του VS Code. Αυτή η τοποθεσία βρίσκεται στον κατάλογο εγκατάστασής σας (για παράδειγμα C:) και συνήθως βρίσκεται εδώ:

~/.vscode/extensions

Εδώ, το "~" είναι ο κατάλογος εγκατάστασης για τον κώδικα VS.

Τα βασικά θέματα αποθηκεύονται σε: Microsoft VS Code\resources\app\extensions\theme-defaults\themes

Ωστόσο, δεν χρειάζεται να ξοδεύετε χρόνο αναζητώντας αρχεία για αλλαγή. Η αλλαγή των ρυθμίσεων χρήστη μέσω του αρχείου "settings.json" θα προσφέρει πολύ πιο γρήγορα αποτελέσματα.

Πώς μπορώ να αλλάξω το χρώμα των σχολίων στον κώδικα VS;

Για να αλλάξετε τα χρώματα των σχολίων, ανοίξτε το αρχείο "settings.json" (χρησιμοποιήστε τη "Μέθοδος 2" που περιγράφεται παραπάνω), επιλέξτε το θέμα που θέλετε να αλλάξετε και, στη συνέχεια, εισαγάγετε (με εισαγωγικά):

"σχόλια" : "#hexcode"

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

Ποιο είναι το καλύτερο θέμα στον κώδικα VS;

Το καλύτερο θέμα VS Code είναι αυτό που βρίσκετε πιο ευχάριστο και χρήσιμο για τις προσπάθειες προγραμματισμού σας. Διαφορετικοί χρήστες μπορούν να έχουν διαφορετικές προτιμήσεις χρώματος και θέματος. Ευτυχώς, υπάρχουν πολλές επιλογές για να διαλέξετε, είτε πρόκειται για προρυθμισμένα θέματα, για λήψεις επεκτάσεων ή για τη δυνατότητα προσαρμογής ενός θέματος ακριβώς σύμφωνα με τις προτιμήσεις σας.

Επιλέξτε το θέμα σας

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

Ποια θέματα χρησιμοποιείτε στο VS Code; Έχετε κάνει αλλαγές στο θέμα που προτιμάτε; Ενημερώστε μας στην παρακάτω ενότητα σχολίων.