#Κώδικας_Visual_Studio
#Προσαρμογή
#Θέματα_επεξεργαστή_κώδικα

Προσαρμογή του κώδικα VS

12/7/2023

Προσαρμογή του κώδικα VS cover image

Εισαγωγή

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

Θέματα εικονιδίων

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

Μια από τις πιο δημοφιλείς επιλογές μεταξύ των προγραμματιστών είναι η επέκταση Material Icon Theme. Με αυτή την επέκταση, ο εξερευνητής αρχείων σας θα έχει μια πολύχρωμη και καλά οργανωμένη συλλογή εικονιδίων, κατά το πρότυπο του Material Design της Google. Κάθε είδος αρχείου έχει το δικό του ξεχωριστό και άμεσα αναγνωρίσιμο εικονίδιο, γεγονός που κάνει το χώρο εργασίας σας να δείχνει συνολικά καλύτερο.

Για να εγκαταστήσετε την επέκταση Material Icon Theme, ακολουθήστε τα παρακάτω βήματα:

  1. Ανοίξτε το Visual Studio Code.

  2. Μεταβείτε στην προβολή Επεκτάσεις κάνοντας κλικ στο εικονίδιο Επεκτάσεις στη γραμμή εργαλείων στην αριστερή πλευρά του παραθύρου.

  3. Αναζητήστε το "Material Icon Theme" και κάντε κλικ στο κουμπί εγκατάστασης.

Μετά την εγκατάσταση, κάντε κλικ στο εικονίδιο με το γρανάζι στην κάτω αριστερή γωνία και επιλέξτε "File Icon Theme" για να επιλέξετε το Material Icon Theme.

Θέματα επεξεργαστή κώδικα

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

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

Για να εγκαταστήσετε την επέκταση θέματος Night Owl:

Πλοηγηθείτε στην προβολή Επεκτάσεις.

Αναζητήστε το "Night Owl" και κάντε κλικ στο κουμπί εγκατάστασης.

Μετά την εγκατάσταση, επιλέξτε τη Night Owl ως θέμα σας ανοίγοντας την Παλέτα εντολών (Ctrl Shift P στα Windows/Linux, Cmd Shift P στο macOS), επιλέγοντας "Color Theme" και επιλέγοντας Night Owl από τη λίστα των εγκατεστημένων θεμάτων στον επεξεργαστή κώδικα.

Χρώμα γραμμής εργαλείων

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

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

Για να εγκαταστήσετε την επέκταση Peacock:

  1. Μεταβείτε στην προβολή Επεκτάσεις.

  2. Αναζητήστε το "Peacock" και κάντε κλικ στο κουμπί εγκατάστασης.

Μετά την εγκατάσταση, μπορείτε να προσαρμόσετε το χρώμα της γραμμής εργαλείων ανοίγοντας την παλέτα εντολών, αναζητώντας το "Peacock: και στη συνέχεια βάλτε τη δεκαεξαδική τιμή του χρώματος που θέλετε να ορίσετε για τη γραμμή εργαλείων σας με κώδικα vs.

Συμπέρασμα

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


Career Services background pattern

Υπηρεσίες καριέρας

Contact Section background image

Ας μείνουμε σε επαφή

Code Labs Academy © 2024 Όλα τα δικαιώματα διατηρούνται.