Αρχική σελίδα » Εργαλειοθήκη » Κώδικας Visual Studio Αύξηση της παραγωγικότητας μέσω της διαχείρισης δεσμών κλειδιών

    Κώδικας Visual Studio Αύξηση της παραγωγικότητας μέσω της διαχείρισης δεσμών κλειδιών

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

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

    Βρείτε γρήγορα τις συνδέσεις κλειδιών

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

    Στην επάνω γραμμή μενού, μπορείτε να βρείτε το δεσμευμένο κλειδί που δεσμεύεται δίπλα σε κάθε σημείο μενού (1) και η Παλέτα εντολών (F1) τα απαριθμεί επίσης δίπλα σε κάθε εντολή (2).

    Ο κώδικας του Visual Studio εμφανίζει τις συνδέσεις κλειδιών ταιριάζει με το λειτουργικό σας σύστημα από προεπιλογή (έτσι σε ένα μηχάνημα των Windows θα δείτε τις εντολές των Windows, στις εντολές Mac στο Mac και σε ένα κιβώτιο Linux τις εντολές του Linux).

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

    Προεπιλεγμένες συνδέσεις κλειδιών

    Ο κώδικας Visual Studio παρέχει στους προγραμματιστές πολλούς δεσμούς κλειδιών, στην παρακάτω λίστα επιμελήσα εκείνα που έχω χρησιμοποιήσει τα πιο συχνά, ενώ επεξεργάζεστε αρχεία JavaScript. Μπορεί να διαπιστώσετε ότι οι άλλοι ταιριάζουν καλύτερα στη δική σας ροή εργασίας, οπότε αξίζει επίσης να περιηγηθείτε στον πλήρη κατάλογο μόνοι σας.

    Όλες οι συνδέσεις κλειδιών μπορούν να προσαρμοστούν στον κώδικα VS, θα δούμε πώς να το κάνουμε αυτό στο τελευταίο μέρος αυτού του άρθρου.

    Τώρα ας δούμε 36 συχνά χρησιμοποιούμενες συντομεύσεις πληκτρολογίου, για τα 3 κύρια λειτουργικά συστήματα (Win, OS X, Linux), πολλά από τα οποία μπορεί να είναι γνωστά από άλλα λογισμικά της Microsoft.

    Πλοήγηση

    1. F1 (Win, Linux, Mac) - Παλέτα εντολών, εμφανίζει όλες τις εντολές από τις οποίες μπορείτε να επιλέξετε μία ή μπορείτε επίσης να πληκτρολογήσετε μια εντολή μόνοι σας
    2. Ctrl + P (Win, Linux), Cmd + P (Mac) - Γρήγορο άνοιγμα, Μετάβαση στο αρχείο
    3. Ctrl + Shift + O (Win, Linux), Shift + Cmd + O (Mac) - Εμφανίζει μια λίστα με όλα τα σύμβολα (όπως λειτουργίες, πρωτότυπα κ.λπ.)
    4. Ctrl + G (Win, Linux, Mac) - Πηγαίνετε σε μια συγκεκριμένη γραμμή
    5. Ctrl + Shift + M (Win, Linux), Shift + Cmd + M (Mac) - Εμφάνιση όλων των σφαλμάτων και προειδοποιήσεων
    6. Alt + Αριστερό (Win), Ctrl + - (Mac), Ctrl + Alt + - (Linux) - Πηγαίνετε πίσω, ο δρομέας μεταβαίνει ξανά στην προηγούμενη θέση του
    7. Alt + Δεξιά (Win), Ctrl + Shift + - (Mac), Ctrl + Shift + (Linux) - Πηγαίνετε προς τα εμπρός, ο κέρσορας μεταβαίνει προς την επόμενη θέση
    8. ? (Win, Linux, Mac) - Εντολές που είναι διαθέσιμες για το τρέχον αρχείο μέσα στην παλέτα εντολών (πριν χρησιμοποιήσετε αυτό το εργαλείο, πρέπει να ανοίξετε την παλέτα εντολών (F1)

    Διαχείριση αρχείων και επεξεργαστών

    Μπορείτε να βρείτε την πλήρη λίστα για αυτήν την ενότητα σε δύο διαφορετικά σημεία στα Έγγραφα Κώδικα VS, στη Διαχείριση Εκδότη / Παράθυρο και στη Διαχείριση αρχείων.

    Ο κώδικας VS μπορεί να ανοίξει 3 παράθυρα editor ταυτόχρονα, οι εντολές # 5 έως # 7 λειτουργούν μόνο αν είναι ανοιχτά περισσότερα από ένα παράθυρα editor.

    1. Ctrl + N (Win, Linux), Cmd + N (Mac) - Νέο αρχείο
    2. Ctrl + O (Win, Linux) - Άνοιγμα αρχείου
    3. Ctrl + S (Win, Linux), Cmd + S (Mac) - Αποθήκευση
    4. Ctrl + \ (Win, Linux), Cmd + \ (Mac) - Διακόπτης επεξεργασίας
    5. Ctrl + 1 (Win, Linux), Cmd + 1 (Mac) - Εστίαση στο πρώτο παράθυρο του προγράμματος επεξεργασίας
    6. Ctrl + 2 (Win, Linux), Cmd + 2 (Mac) - Εστίαση στο δεύτερο παράθυρο του προγράμματος επεξεργασίας
    7. Ctrl + 3 (Win, Linux), Cmd + 3 (Mac) - Εστίαση στο τρίτο παράθυρο του προγράμματος επεξεργασίας

    Βασική επεξεργασία

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

    1. Ctrl + X (Win, Linux), Cmd + X (Mac) - Γραμμή κοπής
    2. Ctrl + C (Win, Linux), Cmd + C (Mac) - Γραμμή αντιγραφής
    3. Ctrl + Shift + K (Win, Linux), Shift + Cmd + K (Mac) - Διαγραφή γραμμής
    4. Alt + Down (Win, Linux), Επιλογή + Κάτω (Mac) - Μετακίνηση γραμμής προς τα κάτω
    5. Alt + Up (Win, Linux), Option + Up (Mac) - Μετακίνηση γραμμής προς τα επάνω
    6. Ctrl + I (Win, Linux), Cmd + I (Mac) - Επιλέξτε την τρέχουσα γραμμή
    7. Ctrl +] (Win, Linux), Cmd +] (Mac) - Γραμμή εσοχής
    8. Ctrl + [(Win, Linux), Cmd + [(Mac)] - Εκκρεμή γραμμή

    Τροποποίηση εμπλουτισμένων γλωσσών

    Επί του παρόντος, από τον Μάιο του 2016, ο κώδικας VS διαθέτει ενσωματωμένη υποστήριξη επεξεργασίας για JavaScript και TypeScript, αλλά μπορείτε να κατεβάσετε επεκτάσεις υποστήριξης γλώσσας για πολλές άλλες γλώσσες από το VS Code Marketplace.

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

    1. Ctrl + Space (Win, Linux, Mac) - Προτείνετε το Trigger
    2. Ctrl + Shift + Space (Win, Linux), Shift + Cmd + Space (Mac) - Συμβουλές παραμέτρων ενεργοποίησης
    3. Alt + F12 (Win), Επιλογή + F12 (Mac), Ctrl + Shift + F10 (Linux)
    4. Shift + F12 (Win, Linux, Mac) - Εμφάνιση αναφορών
    5. Ctrl + Shift + X (Win, Linux), Shift + Cmd + X (Mac)

    Απεικόνιση

    1. F11 (Win, Linux), Ctrl + Cmd + F (Mac) - Εναλλαγή πλήρους οθόνης
    2. Ctrl + = (Win, Linux), Cmd + = (Mac) - Μεγέθυνση
    3. Ctrl + - (Win, Linux), Cmd + - (Mac) - Σμίκρυνση
    4. Ctrl + B (Win, Linux), Cmd + B (Mac) - Εναλλαγή προβολής πλευρικής γραμμής
    5. Ctrl + Shift + D (Win, Linux), Shift + Cmd + D (Mac) - Εμφάνιση εντοπισμού σφαλμάτων στην πλαϊνή γραμμή (αριστερά)
    6. Ctrl + Shift + E (Win, Linux), Shift + Cmd + E (Mac) - Εμφάνιση του Explorer στην πλαϊνή γραμμή (στα αριστερά)
    7. Ctrl + Shift + G (Win, Linux, Mac) - Εμφάνιση Git στην πλαϊνή γραμμή (στα αριστερά)
    8. Ctrl + Shift + F (Win, Linux), Shift + Cmd + F (Mac) - Εμφάνιση αναζήτησης στην πλαϊνή γραμμή (στα αριστερά)

    Πώς να προσαρμόσετε τις συνδέσεις κλειδιών στον κώδικα VS

    Η προσαρμογή των δεσμών κλειδιών μπορεί να είναι χρήσιμη για τρία βασικά πράγματα.

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

    Δεύτερον, ορισμένες από τις προκαθορισμένες συνδέσεις κλειδιών είναι απλές πολύ δύσκολο να θυμόμαστε, για παράδειγμα, πάρτε τη συντόμευση Ctrl + K + F12 των Windows για την εντολή Open definition στο πλάι.

    Τρίτον, υπάρχουν επίσης μη ανατεθείσες συνδέσεις κλειδιών στον Κώδικα VS, όπως οι Ανοικτές Ρυθμίσεις Χρήστη και οι Ανοικτές Ρυθμίσεις Χώρου Εργασίας (βρείτε εδώ στα Έγγραφα) που μπορεί να θέλετε να χρησιμοποιήσετε.

    Μπορείτε να προσαρμόσετε τις συνδέσεις κλειδιών με τη βοήθεια ενός Αρχείο ρυθμίσεων JSON, με τρόπο παρόμοιο με τον τρόπο που μπορείτε να προσαρμόσετε τις ρυθμίσεις χρήστη και χώρου εργασίας. Το αρχείο που πρέπει να επεξεργαστείτε καλείται keybindings.json, και μπορείτε να το ανοίξετε κάνοντας κλικ στο μενού Αρχείο> Προτιμήσεις> Συντομεύσεις πληκτρολογίου στην επάνω γραμμή μενού.

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

    Δεν χρειάζεται να κάνετε τίποτα άλλο, απλά αντιγράψτε-επικολλήστε τα πλήκτρα από τα αριστερά προς τα δεξιά διατηρώντας τη μορφή JSON και ξαναγράψτε το κλειδί στην προσαρμοσμένη.

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

    Θα πρέπει να επιμείνετε ακολουθούν οι δεσμεύσεις πλήκτρων σύνταξης στο Visual Studio Κωδικός:

     "κλειδί": "", "όταν": "", "εντολή": "" 

    Δείτε μερικά παραδείγματα από την πραγματική ζωή σχετικά με τον σωστό ορισμό των κανόνων πληκτρολογίου. Όταν το μέρος είναι προαιρετικό, δεν χρειάζεται να το χρησιμοποιήσετε για να ορίσετε τις συνολικές συνδέσεις κλειδιών, είναι χρησιμοποιείται μόνο όταν μια συγκεκριμένη συντόμευση συνδέεται με μια συγκεκριμένη οθόνη ή λειτουργία, όπως στην περίπτωση του inDebugMode.

    Στο παράδειγμά μας, θα θέσουμε μια συνολική δέσμευση κλειδιών, που σημαίνει ότι πρέπει μόνο να ορίσουμε τις τιμές του “κλειδί” και “εντολή” στον κανόνα του προσαρμοσμένου πληκτρολογίου μας.

    Πρώτον, ας κοιτάξουμε το id εντολής που ανήκει στην εντολή Show Installed Extension. Μπορούμε εύκολα να το κάνουμε αυτό στα docs, που μας δείχνει ότι η εντολή id που χρειαζόμαστε είναι workbench.extensions.action.listExtensions.

    Το άλλο κομμάτι δεδομένων που χρειαζόμαστε είναι το κλειδί. Το προσαρμοσμένο κλειδί θα δεσμευτούμε στην εντολή Show Installed Extension δεν μπορεί να χρησιμοποιηθεί από οποιονδήποτε άλλο βασικό δεσμευτικό κανονισμό, και πρέπει να ακολουθήσει τη σωστή σύνταξη κλειδιών, που σημαίνει ότι πρέπει να γίνει από a τροποποιητής (δείτε τους αποδεκτούς τροποποιητές από το λειτουργικό σύστημα) και το ίδιο το κλειδί.

    Καθώς εργάζομαι σε μια μηχανή των Windows, θα επιλέξω το πλήκτρο Ctrl + F6, καθώς ικανοποιεί κάθε απαίτηση, αλλά μπορείτε να επιλέξετε το καλύτερο που σας ταιριάζει καλύτερα.

    Το αρχείο keybindings.json μου θα μοιάζει με αυτό:

     // Τοποθετήστε τις συνδέσεις των κλειδιών σε αυτό το αρχείο για να αντικαταστήσετε τις προεπιλογές ["key": "Ctrl + f6", "command": "workbench.extensions.action.listExtensions"] 

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

    Στο screenshot παρακάτω, μπορείτε να δείτε τα αποτελέσματα των δοκιμών μου, πατώντας Ctrl + F6, έχω μια λίστα των δύο επεκτάσεων που έχω σήμερα.

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

     // Τοποθετήστε τις συνδέσεις πλήκτρων σε αυτό το αρχείο για να αντικαταστήσετε τις προεπιλογές ["key": "Ctrl + f6", "command": "workbench.extensions.action.listExtensions", "key": "Shift + , "εντολή": "workbench.extensions.action.installExtension"]