Η Microsoft κυκλοφορεί το VS Code 1.51 με βελτιωμένες καρφιτσωμένες καρτέλες και πολλά άλλα

Η Microsoft ανακοίνωσε σήμερα την κυκλοφορία του Visual Studio Code v1.51 (ενημέρωση Οκτωβρίου 2020) με αρκετές βελτιώσεις και διορθώσεις σφαλμάτων. Αυτή η νέα ενημέρωση έρχεται τώρα με πλαίσιο προτάσεων IntelliSense με δυνατότητα αλλαγής μεγέθους, μόνιμες απομακρυσμένες περιόδους σύνδεσης τερματικού, βελτιωμένες καρφιτσωμένες καρτέλες και πολλά άλλα. Βρείτε το πλήρες αρχείο καταγραφής αλλαγών που παρέχεται από τη Microsoft παρακάτω.

Πάγκος εργασίας#

Πιο εμφανείς καρφιτσωμένες καρτέλες#

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

Τα δέντρα επέκτασης χρησιμοποιούν προσαρμοσμένη αιώρηση#

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

Εγκαταστήστε μια επέκταση χωρίς συγχρονισμό#

Τώρα μπορείτε να εγκαταστήσετε μια επέκταση χωρίς να την συγχρονίσετε ενώ είναι ενεργοποιημένος ο συγχρονισμός ρυθμίσεων.

Θέμα: GitHub Light

Εγκαταστήστε μια επέκταση από τον Explorer#

Το VS Code υποστηρίζει τώρα την εγκατάσταση ενός αρχείου επέκτασης VSIX από τον Explorer κάνοντας δεξί κλικ σε ένα αρχείο VSIX και επιλέγοντας το Εγκαταστήστε την επέκταση VSIX στοιχείο μενού περιβάλλοντος.

Εισαγωγή εντολής θολώματος#

Ένα νέο εσωτερικό workbench.action.blur Η εντολή είναι πλέον διαθέσιμη, η οποία αφαιρεί την εστίαση από οποιαδήποτε είσοδο με δυνατότητα εστίασης. Μπορείτε να αντιστοιχίσετε μια συντόμευση πληκτρολογίου για αυτήν την εντολή στο Προτιμήσεις συντομεύσεων πληκτρολογίου.

Ολοκληρωμένο τερματικό#

Τοπική Ηχώ#

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

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

Υπάρχουν δύο ρυθμίσεις που μπορείτε να χρησιμοποιήσετε για να το διαμορφώσετε:

• terminal.integrated.localEchoLatencyThreshold διαμορφώνει το όριο καθυστέρησης που ανιχνεύτηκε, σε χιλιοστά του δευτερολέπτου, στο οποίο θα ενεργοποιηθεί η τοπική ηχώ. Αυτό μπορεί να ρυθμιστεί σε 0 για να ενεργοποιείτε συνεχώς τη λειτουργία ή -1 για να το απενεργοποιήσετε. Προεπιλογές σε 30.
• terminal.integrated.localEchoStyle ρυθμίζει το στυλ ή το χρώμα του τοπικού χαρακτήρα, από προεπιλογή dim.

IntelliSense#

Προτάσεις με δυνατότητα αλλαγής μεγέθους#

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

Θέμα: GitHub Light, Γραμματοσειρά: FiraCode

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

Γραμμή κατάστασης για προτάσεις#

Το στοιχείο ελέγχου προτάσεων μπορεί πλέον να εμφανίσει τη δική του γραμμή κατάστασης στο κάτω μέρος του παραθύρου. Ενεργοποιήστε το χρησιμοποιώντας το editor.suggest.showStatusBar σύνθεση. Κάνει την εναλλαγή λεπτομερειών πιο απλή και δείχνει εάν μια ολοκλήρωση υποστηρίζει την εισαγωγή, την αντικατάσταση ή και τα δύο.

Θέμα: GitHub Light, Γραμματοσειρά: FiraCode

Στο παραπάνω δείγμα, η επιλογή "Εισαγωγή" έχει ως αποτέλεσμα Math.floorceil και επιλέγοντας «Αντικατάσταση» έχει ως αποτέλεσμα Math.floor.

Το νέο editor.suggest.insertMode Η ρύθμιση σάς επιτρέπει να διαμορφώσετε εάν προτιμάτε την εισαγωγή ή την αντικατάσταση. Όταν μια πρόταση υποστηρίζει και τα δύο, η προτίμησή σας θα είναι η προεπιλογή.

Μετακινήστε τον κέρσορα για να επιλέξετε προτάσεις#

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

Θέμα: GitHub Light

Emmet#

Τα προσαρμοσμένα αποσπάσματα στο Emmet επιστρέφουν. Επιπλέον, τα αποσπάσματα ανανεώνονται αυτόματα κατά την αποθήκευση του αρχείου αποσπασμάτων ή την ενημέρωση του emmet.extensionsPath ρύθμιση.

Έλεγχος πηγής#

Το πλαίσιο εισαγωγής Source Control αποθηκεύει το ιστορικό μηνυμάτων δέσμευσης#

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

Git: Προσθήκη ετικετών σε εντολές στο υπομενού#

Οι εντολές Git που σχετίζονται με ετικέτες έχουν προστεθεί στο ... Μενού Git.

Git: Εντολή Rebase#

Μία νέα Git: Επαναφορά κλάδου… Προστέθηκε η εντολή που σας επιτρέπει να επαναφέρετε έναν κλάδο χρησιμοποιώντας το UI.

Git: Αναδρομική εντολή κλώνου#

Με την Git: Clone (Αναδρομικό) εντολή, μπορείτε τώρα να κλωνοποιήσετε αναδρομικά τα αποθετήρια Git, συμπεριλαμβανομένων των ένθετων υπομονάδων του Git.

Χρονολόγιο: Απόδοση σύντομου κώδικα emoji#

Τώρα αποδίδουμε σύντομους κωδικούς emoji, όπως π.χ :smile:, στην Προβολή Timeline.

Γλώσσες#

Έξυπνη επιλογή Markdown#

Αναπτύξτε και συρρικνώστε την επιλογή στα έγγραφα Markdown χρησιμοποιώντας τις ακόλουθες νέες εντολές:

• Επεκτείνουν: Shift+Alt+Δεξιά
• Μαζεύω: Shift+Alt+Αριστερά

Η επιλογή ισχύει για τα ακόλουθα και ακολουθεί ένα παραδοσιακό ιεραρχικό μοτίβο:

• Κεφαλίδες
• Λίστες
• Αποκλεισμός εισαγωγικών
• Περιφραγμένα μπλοκ κώδικα
• Μπλοκ κώδικα HTML
• Οι παράγραφοι

Επιλογή μορφοποίησης κενού άγκιστρου για JavaScript και TypeScript#

Το νέο javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces και  typescript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces Η επιλογή διαμόρφωσης μορφοποίησης ελέγχει εάν εισάγονται κενά μεταξύ των κενών αγκύλων. Η προεπιλεγμένη τιμή για αυτές τις ρυθμίσεις είναι αληθής. Για παράδειγμα, για το JavaScript:

class Foo {
  doFoo() {}
}

Ρύθμιση "javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces": false και η μορφοποίηση του κώδικα έχει ως αποτέλεσμα:

class Foo {
  doFoo() {} // Notice that the space has been removed
}

Υποστήριξη του προγράμματος περιήγησης#

Λήψη φακέλων (Edge, Chrome)#

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

Σημείωση: Αυτό απαιτεί μια πρόσφατη έκδοση του Microsoft Edge ή του Google Chrome.

Ανοίξτε την ειδοποίηση χώρου εργασίας#

Εάν ανοίξετε ένα φάκελο που περιέχει .code-workspace αρχεία στο ανώτερο επίπεδο, θα δείτε τώρα μια ειδοποίηση που σας ζητά να το ανοίξετε. Αυτό συνέβαινε πάντα στο Microsoft VS Code για επιτραπέζιους υπολογιστές και τώρα θα λειτουργεί και στο πρόγραμμα περιήγησης.

Αποτρέψτε το τυχαίο κλείσιμο#

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

Πιθανές τιμές είναι:

• keyboardOnly Η επιβεβαίωση θα εμφανίζεται μόνο όταν χρησιμοποιείτε ένα keybinding για να κλείσετε (για παράδειγμα, Ctrl + W). (Προκαθορισμένο)
• always: Το παράθυρο διαλόγου επιβεβαίωσης θα εμφανίζεται πάντα, ακόμα κι αν το κλείσετε από μια κίνηση του ποντικιού.
• never: Η επιβεβαίωση δεν θα εμφανιστεί ποτέ.

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

Συνεισφορές σε επεκτάσεις#

Αιτήματα και ζητήματα έλξης GitHub#

Οι εργασίες συνεχίζονται στο Αιτήματα και ζητήματα έλξης GitHub επέκταση, η οποία σας επιτρέπει να εργάζεστε, να δημιουργείτε και να διαχειρίζεστε αιτήματα έλξης και ζητήματα.

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

Απομακρυσμένη Ανάπτυξη#

Οι εργασίες συνεχίζονται στο Επεκτάσεις απομακρυσμένης ανάπτυξης, που σας επιτρέπουν να χρησιμοποιήσετε ένα κοντέινερ, απομακρυσμένο μηχάνημα ή το Υποσύστημα Windows για Linux (WSL) ως περιβάλλον ανάπτυξης με πλήρη χαρακτηριστικά.

Τα κυριότερα χαρακτηριστικά στο 1.51 περιλαμβάνουν:

• Δυνατότητα επιμονής/επανασύνδεσης σε περιόδους σύνδεσης τερματικού.
• Βελτιωμένη εμπειρία προώθησης θυρών.

Μπορείτε να μάθετε για νέες δυνατότητες επέκτασης και διορθώσεις σφαλμάτων στο Σημειώσεις έκδοσης Remote Development.

Προεπισκόπηση λειτουργιών#

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

Συγχρονισμός ρυθμίσεων#

Ο συγχρονισμός ρυθμίσεων συγχρονίζει πλέον την καθολική κατάσταση των επεκτάσεων. Οι επεκτάσεις θα πρέπει να παρέχουν στο κράτος τον συγχρονισμό χρησιμοποιώντας το νεοεισαχθέν setKeysForSync API.

Θυμηθείτε τα διαπιστευτήρια διακομιστή μεσολάβησης#

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

Θέμα: GitHub Light

Το παράθυρο διαλόγου θα εμφανιστεί μέσα στο παράθυρο του Microsoft VS Code και θα προσφέρει έναν τρόπο να θυμάστε τα διαπιστευτήρια, ώστε να μην χρειάζεται να τα παρέχετε κάθε φορά που ξεκινάτε τον κώδικα VS. Τα διαπιστευτήρια θα αποθηκευτούν στο τυπικό κατάστημα διαπιστευτηρίων του λειτουργικού συστήματος (keychain στο macOS, Windows Credential Manager στα Windows και gnome keyring στο Linux).

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

Ενεργοποιήστε αυτήν την επιλογή και ενημερώστε μας εάν κάτι δεν λειτουργεί όπως αναμένεται μέσω μας tracker θέμα.

Υποστήριξη TypeScript 4.1 beta#

Microsoft VS Code υποστηρίζει το TypeScript 4.1 beta και νυχτερινές κατασκευές. Η ενημέρωση 4.1 φέρνει ορισμένες νέες δυνατότητες γλώσσας TypeScript, όπως υποστήριξη για αναδρομικοί τύποι υπό όρους, καθώς και βελτιώσεις εργαλείων. Ένας τομέας εστίασης ήταν προσθήκη αρχικής υποστήριξης for @see ετικέτες στα σχόλια του JSDoc.

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

Σύνταξη επέκτασης#

Ενημερωμένα δείγματα επέκτασης#

Ενημερώσαμε μερικά από τα δικά μας δείγματα επέκτασης για να συμπεριλάβουμε προεπιλεγμένα στυλ Microsoft VS Code που είναι συνδεδεμένα με τα διακριτικά μας με θέμα το χρώμα. Αυτό σημαίνει ότι τα κοινά στοιχεία (κείμενο, κουμπιά, είσοδοι) θα έχουν θέμα και θα ταιριάζουν με τα προεπιλεγμένα στυλ του προϊόντος. Παρακάτω είναι οι επεκτάσεις που περιλαμβάνουν αυτό:

• προσαρμοσμένο-επεξεργαστή-δείγμα
• webview-δείγμα
• webview-view-samp

Χρώματα Codicon στα δέντρα#

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

Συγχρονισμός παγκόσμιας κατάστασης#

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

/**
 * Set the keys whose values should be synchronized across devices when synchronizing user-data
 * like configuration, extensions, and mementos.
 *
 * Note that this function defines the whole set of keys whose values are synchronized:
 *  - calling it with an empty array stops synchronization for this memento
 *  - calling it with a non-empty array replaces all keys whose values are synchronized
 *
 * For any given set of keys this function needs to be called only once but there is no harm in
 * repeatedly calling it.
 *
 * @param keys The set of keys whose values are synced.
 */
setKeysForSync(keys: string[]): void;

Ορατότητα κουμπιού απάντησης νήματος σχολίου#

Σχόλιο οι επεκτάσεις μπορούν πλέον να ελέγχουν την ορατότητα του κουμπιού απάντησης σε ένα νήμα σχολίων με μια νέα ιδιότητα, CommentThread#canReply. Όταν έχει ρυθμιστεί σε false, οι χρήστες δεν θα βλέπουν το κουμπί απάντησης ή το πλαίσιο σχολίων στο νήμα σχολίων.

Προτεινόμενα API επέκτασης#

Κάθε ορόσημο συνοδεύεται από νέα προτεινόμενα API και οι συντάκτες επεκτάσεων μπορούν να τα δοκιμάσουν. Όπως πάντα, θέλουμε τα σχόλιά σας. Αυτό πρέπει να κάνετε για να δοκιμάσετε ένα προτεινόμενο API:

• Πρέπει να χρησιμοποιήσετε Insiders επειδή τα προτεινόμενα API αλλάζουν συχνά.
• Πρέπει να έχετε αυτή τη γραμμή στο package.json αρχείο της επέκτασής σας: "enableProposedApi": true.
• Αντιγράψτε την πιο πρόσφατη έκδοση του vscode.proposed.d.ts αρχείο στην τοποθεσία πηγής του έργου σας.

Δεν μπορείτε να δημοσιεύσετε μια επέκταση που χρησιμοποιεί ένα προτεινόμενο API. Ενδέχεται να υπάρξουν αλλαγές στην επόμενη κυκλοφορία και δεν θέλουμε ποτέ να σπάσουμε τις υπάρχουσες επεκτάσεις.

Συμβάν αλλαγής παρόχων αναδιπλούμενης περιοχής#

Οι πάροχοι αναδιπλούμενου εύρους μπορούν να ειδοποιήσουν τον επεξεργαστή ότι τα αναδιπλούμενα εύρη πρέπει να ενημερωθούν χρησιμοποιώντας το onDidChangeFoldingRanges συμβάν.

Για περισσότερες λεπτομέρειες και για παροχή σχολίων, χρησιμοποιήστε το έκδοση #108929.

API κωδικών πρόσβασης#

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

/**
 * Retrieve a password that was stored with key. Returns undefined if there
 * is no password matching that key.
 * @param key The key the password was stored under.
 */
export function getPassword(key: string): Thenable<string | undefined>;

/**
 * Store a password under a given key.
 * @param key The key to store the password under
 * @param value The password
 */
export function setPassword(key: string, value: string): Thenable<void>;

/**
 * Remove a password from storage.
 * @param key The key the password was stored under.
 */
export function deletePassword(key: string): Thenable<void>;

/**
 * Fires when a password is set or deleted.
 */
export const onDidChangePassword: Event<void>;

Μηχανική#

Συμμόρφωση με τους αξιόπιστους τύπους Microsoft VS Code#

Συνεχίσαμε την προσπάθεια να καταστήσουμε συμβατούς με τον Κώδικα VS "Τύποι Αξιόπιστοι". Ο στόχος είναι να αποτραπούν τα τρωτά σημεία δέσμης ενεργειών μεταξύ τοποθεσιών που βασίζονται σε DOM. Μπορείτε να μάθετε περισσότερα σχετικά με τους αξιόπιστους τύπους στο web.dev Ιστότοπος αξιόπιστων τύπων και παρακολουθήστε την πρόοδό μας έκδοση #103699.

πηγή: Microsoft