VS Code – Πώς να αλλάξετε τη γραμματοσειρά

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

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

Πώς να αλλάξετε τη γραμματοσειρά σε κώδικα VS

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

Εάν δεν σας ενδιαφέρει γιατί η επιλογή της δικής σας γραμματοσειράς είναι σημαντική, μεταβείτε κατευθείαν στο σεμινάριο μερικές παραγράφους παρακάτω. Λάβετε υπόψη, ωστόσο, ότι οι λόγοι για την αλλαγή της γραμματοσειράς σας (που περιγράφονται παρακάτω) μπορούν να βοηθήσουν στην απόφασή σας.

Γιατί είναι τόσο σημαντικές οι γραμματοσειρές στο VS; Λοιπόν, αν η πτυχή της αισθητικής δεν είναι αρκετή για εσάς (και εμπιστευτείτε μας, μετά από ώρες και ώρες που αφιερώνετε σε έναν επεξεργαστή κώδικα, αρχίζει να έχει σημασία), είναι στην πραγματικότητα και η λειτουργικότητα. Λοιπόν, τι κάνει μια γραμματοσειρά «κατάλληλη» για VS;

Κατά κύριο λόγο, θα θέλετε να είναι αξιοσημείωτη η διάκριση μεταξύ παρόμοιων χαρακτήρων. Για παράδειγμα, η εύκολη διάκριση του αριθμού 1 και του πεζού L μπορεί να επιταχύνει σημαντικά την κωδικοποίησή σας και να εξοικονομήσει χρόνο.

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

Χωρίς περαιτέρω καθυστέρηση, δείτε πώς μπορείτε να αλλάξετε την οικογένεια γραμματοσειρών στο VS:

  1. Ανοίξτε το πρόγραμμα επεξεργασίας VS.

  2. Μεταβείτε στο επάνω μέρος της οθόνης και επιλέξτε Αρχείο.

  3. Τώρα, στο αναπτυσσόμενο μενού, μεταβείτε στο Προτιμήσεις >Ρυθμίσεις.

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

  5. Ή κάντε κλικ στο Επεξεργαστής κειμένου > Γραμματοσειρά και αναζητήστε την προεπιλεγμένη καταχώρηση “editor.fontFamily”: “Consolas”.

  6. Τότε, αντί για «Κονσόλας», εισάγετε το όνομα της γραμματοσειράς που προτιμάτε.

Αυτό θα πρέπει να αλλάξει αυτόματα την οικογένεια γραμματοσειρών.

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

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

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

Δείτε πώς μπορείτε να αλλάξετε το μέγεθος γραμματοσειράς στο VS Code:

  1. Πλοηγηθείτε στο Ρυθμίσεις χρήστη μενού (βήμα νούμερο 3 στο σεμινάριο γραμματοσειράς).

  2. Ψάξτε για το "editor.fontSize": 15 γραμμή, το μέγεθος της γραμματοσειράς σας μπορεί να ρυθμιστεί σε κάτι διαφορετικό.

  3. Τότε, αντί για «15», εισαγάγετε το προτιμώμενο μέγεθος γραμματοσειράς.

Πώς να αλλάξετε τη γραμματοσειρά του Explorer σε κώδικα VS

Η λειτουργία Explorer στο VS Code λειτουργεί ακριβώς όπως η λειτουργία εξερεύνησης στις περισσότερες άλλες εφαρμογές. Χρησιμοποιείται για τη διαχείριση, την περιήγηση και το άνοιγμα αρχείων και φακέλων για εργασία στο έργο σας. Δεδομένου ότι ο Κώδικας VS βασίζεται σε φακέλους και αρχεία, ο Explorer σας διευκολύνει να ξεκινήσετε – απλώς ανοίξτε το αρχείο/φάκελο χρησιμοποιώντας τον Κώδικα VS. Είναι τόσο απλό.

Μπορείτε να περιμένετε να χρησιμοποιείτε λίγο τον VS Code Explorer. Εάν το μέγεθος γραμματοσειράς του Explorer δεν σας ταιριάζει, θα χαρείτε να μάθετε ότι μπορείτε να το αλλάξετε.

  1. μεταβείτε στο Ρυθμίσεις χρήστη μενού ξανά.

  2. Βρες το "editor.fontSize": 14 καταχώριση, το μέγεθος της γραμματοσειράς σας μπορεί να διαφέρει.

  3. Αλλάξτε το σε μέγεθος γραμματοσειράς της επιλογής σας, 18 χρησιμοποιείται σε αυτό το παράδειγμα.

Πώς να αλλάξετε τη γραμματοσειρά τερματικού σε κώδικα VS

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

  1. Μεταβείτε στον ριζικό φάκελο του έργου/χώρου εργασίας σας.
  2. Ανοιξε το ρυθμίσεις.json αρχείο χρησιμοποιώντας VS Code. Εναλλακτικά, στο VS Code, πατήστε Ctrl+Shift+P (αντί για Ctrl, χρησιμοποιήστε το Command για συσκευές Mac) και βρείτε το ρυθμίσεις.json αρχείο. VS code αρχείο ρυθμίσεων json
  3. Αλλάξτε τις αντίστοιχες τρεις γραμμές σε αυτό:

    "terminal.external.osxExec": "iTerm.app",

    "terminal.integrated.shell.osx": "/bin/zsh",

    "terminal.integrated.fontFamily": "D2Coding",

    Σημειώστε ότι Κωδικοποίηση D2 είναι ένα παράδειγμα. Μπορείτε επίσης να επιλέξετε οποιαδήποτε άλλη γραμματοσειρά προτιμάτε.

  4. Αποθηκεύστε τις ρυθμίσεις όταν τελειώσετε.

Για να αλλάξετε το μέγεθος γραμματοσειράς του τερματικού, μεταβείτε στο "terminal.integrated.fontSize": καταχώριση και ορίστε το σε αυτό της δικής σας προτίμησης.

Πώς να αλλάξετε τη γραμματοσειρά για σχόλια στον κώδικα VS

Οι καταχωρήσεις σχολίων κώδικα έχουν, από προεπιλογή, την ίδια γραμματοσειρά με τον υπόλοιπο κώδικα. Η αλλαγή αυτού τους κάνει να ξεχωρίζουν, κάτι που μπορεί συχνά να αποτρέψει τη σπατάλη ωρών εργασίας (είναι εύκολο να χάσετε ένα σχόλιο όταν είναι στην ίδια γραμματοσειρά με οτιδήποτε άλλο στο VS). Όσο απλό κι αν φαίνεται αυτό το πράγμα, η λύση είναι λίγο πιο περίπλοκη από ό,τι θα περίμενες. Επίσης, τα αποτελέσματα μπορεί να μην είναι ιδανικά, καθώς αυτό μπορεί να προκαλέσει ορισμένα προβλήματα ευθυγράμμισης. Ωστόσο, δεν βλάπτει να δοκιμάσετε:

  1. Μεταβείτε στον ριζικό φάκελο εγκατάστασης του VS Code στη συσκευή σας.
  2. Πλοηγηθείτε στο στυλ αφής.css είσοδο στο τερματικό. Αυτό θα δημιουργήσει ένα φύλλο στυλ.
  3. Τώρα, ήρθε η ώρα να προσθέσετε τον κανόνα της γραμματοσειράς. Ακολουθεί ένα παράδειγμα στυλ:

    .mtk3 {

    γραμματοσειρά-οικογένεια: "iosevka";

    μέγεθος γραμματοσειράς: 1em;

    στυλ γραμματοσειράς: πλάγια;

    }

  4. Ανοιξε ρυθμίσεις.json και προσθέστε αυτήν την καταχώρηση:

    "vscode_custom_css.imports":

    "file:///Users/username/.vscode/style.css"],

  5. Τώρα, πραγματοποιήστε λήψη της προσθήκης Custom CSS και JS Loader.
  6. Μόλις εγκατασταθεί, χρησιμοποιήστε το Ctrl+Shift+P εντολή και βεβαιωθείτε ότι το πρόσθετο είναι ενεργοποιημένο.
  7. Κάντε επανεκκίνηση VS Code.
  8. Τα σχόλια θα πρέπει τώρα να έχουν νέα γραμματοσειρά.

Πώς να αλλάξετε το μέγεθος γραμματοσειράς της πλευρικής γραμμής στον κώδικα VS

Δεν υπάρχει ρύθμιση στον Κώδικα VS που να επιτρέπει στο χρήστη να αλλάξει το μέγεθος γραμματοσειράς του τερματικού. Ωστόσο, υπάρχει μια λύση και περιλαμβάνει την αναφερόμενη προσαρμοσμένη προσθήκη CSS και JS Loader.

  1. Στην προσθήκη, μεταβείτε στις λεπτομέρειες της επέκτασης και ακολουθήστε προσεκτικά την ενότητα εκμάθησης.
  2. Χρησιμοποιήστε την ακόλουθη λογική:

    "vscode_custom_css.imports": ["[εισαγάγετε διεύθυνση URL προσαρμοσμένου αρχείου]"]

  3. Κάντε αυτό για κάθε προσαρμοσμένο αρχείο.

Το αποτέλεσμα θα δημιουργήσει μια πολύ καλύτερη και αισθητικά ευχάριστη πλευρική γραμμή VS Code.

Πώς να αλλάξετε γραμματοσειρά χρησιμοποιώντας διαφορετικά λειτουργικά συστήματα

Εάν κάνετε κωδικοποίηση σε VS, χρησιμοποιείτε είτε υπολογιστή με Windows, Mac ή σύστημα Linux. Αν και αυτά τα τρία δεν είναι πανομοιότυπα όσον αφορά το VS, οι διαφορές συνοψίζονται κυρίως στην επιλογή του πλήκτρου Ctrl/Cmd και στις προεπιλεγμένες θέσεις των αρχείων VS Code. Έτσι, η αρχή της αλλαγής γραμματοσειράς στο VS Code παραμένει σχεδόν ίδια σε όλες τις συσκευές.

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

Γιατί δεν μπορώ να αλλάξω τη γραμματοσειρά στο VS Code;

Υπάρχουν πολλά λάθη που μπορείτε να κάνετε στον κώδικα VS και η αλλαγή της γραμματοσειράς δεν είναι τόσο απλή όσο στο MS Word. Καθώς θα χρησιμοποιείτε πολλή κωδικοποίηση για να αλλάξετε την πραγματική γραμματοσειρά VS Code, θα πρέπει να γνωρίζετε τις πιο συνηθισμένες εποπτείες που κάνουν οι άνθρωποι. Βεβαιωθείτε ότι κάθε καταχώριση περιβάλλεται από εισαγωγικά. Για παράδειγμα, "vscode_custom_css.imports": ["file:///Users/username/.vscode/style.css"], δεν θα λειτουργήσει αν δεν χρησιμοποιήσετε τα εισαγωγικά. Επιπλέον, βεβαιωθείτε ότι χρησιμοποιείτε κενά μεταξύ των εντολών.

Ποια γραμματοσειρά χρησιμοποιείται για τον κώδικα στο VS Code;

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

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

Πώς μπορώ να χακάρω μια γραμματοσειρά VS Code;

Αρχικά, το hack σήμαινε τροποποίηση, αλλά, εάν με αυτό εννοείτε την προσθήκη της γραμματοσειράς Hack στο VS, μπορείτε να το προσθέσετε μέσω του ιστότοπου του Hack. Κατεβάστε τη γραμματοσειρά TrueType από το Hack. Εξαγάγετε το αρχείο zip που κατεβάσατε. Εγκαταστήστε τα εξαγόμενα αρχεία. Στη συνέχεια, μεταβείτε στα Εργαλεία και ακολουθήστε τις Επιλογές. Στο μενού Επιλογές, επιλέξτε Περιβάλλον και, στη συνέχεια, μεταβείτε στην επιλογή Γραμματοσειρές και χρώματα. Ανοίξτε το αναπτυσσόμενο μενού Γραμματοσειρά και επιλέξτε την καταχώρηση Hack.

Τι γραμματοσειρά χρησιμοποιούν οι χάκερ;

Κατά κανόνα, κάθε κωδικοποιητής, συμπεριλαμβανομένων των χάκερ, χρησιμοποιεί μια γραμματοσειρά που του αρέσει. Ένα καλό παράδειγμα μιας δημοφιλούς γραμματοσειράς που φέρεται ότι είναι «επιλογή χάκερ» θα ήταν το Ray Bluetens, γνωστό και ως Lawn Dart Fonts.

Αλλαγή επιλογών γραμματοσειράς στον κώδικα VS

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

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