IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

La version 1.51 de Visual Studio Code est disponible, rend les onglets épinglés plus visibles
Et permet d'installer une extension à partir de l'explorateur de fichier

Le , par Bill Fassinou

298PARTAGES

3  0 
Microsoft vient de publier la version d'octobre de son éditeur de texte open source Visual Studio Code (VS Code). Comme les précédentes, cette version introduit également de nouvelles fonctionnalités pour l'éditeur, des améliorations de performances et quelques autres modifications. Voici ci-dessous les changements les plus notables de cette nouvelle version de l'éditeur de texte.

Les onglets épinglés sont désormais plus visibles

Dans Visual Studio Code v1.51, Microsoft a travaillé à rendre l'expérience de l'épinglage des onglets plus attrayante pour les développeurs. Désormais, les onglets épinglés afficheront toujours leur icône, même lorsqu'ils sont inactifs, afin de les rendre plus facilement identifiables. Si un éditeur est à la fois épinglé et contient des modifications non sauvegardées, l'icône reflète les deux états.


Les arborescences d'extension utilisent un survol personnalisé

Au lieu d'utiliser l'infobulle native dans les arborescences des extensions, Visual Studio Code v1.51 utilise maintenant un survol personnalisé qui est cohérent entre les plateformes et s'adapte mieux à l'ensemble de l'UX.


Installer une extension à partir de l'explorateur de fichiers

VS Code permet désormais d'installer un fichier VSIX à partir de l'explorateur en cliquant avec le bouton droit de la souris sur un fichier VSIX et en choisissant l'élément de menu contextuel "Install Extension VSIX". En outre, l'éditeur permet également désormais d'installer une extension sans la synchroniser même si la synchronisation des paramètres est activée.

Un nouveau mode « local echo »

Pour apporter des modifications au terminal, il faut traditionnellement que les informations soient envoyées au processus du terminal, traitées et renvoyées à VS Code afin d'être affectées. Cela peut être lent lorsque l'on travaille sur une connexion faible ou distante à un serveur SSH ou à un espace de code. Cette version ajoute un mode "local echo" au terminal, qui tente de prévoir les modifications et les mouvements du curseur effectués localement et de les afficher dans l'interface utilisateur sans qu'il soit nécessaire d'aller et venir au serveur. Par défaut, les caractères prédits s'affichent comme "grisés". Vous pouvez utiliser deux paramètres pour le configurer :

  • terminal.integrated.localEchoLatencyThreshold : configure le seuil de retard détecté, en millisecondes, auquel "local echo" s'activera. Il peut être réglé sur 0 pour activer la fonction en permanence, ou sur -1 pour la désactiver. La valeur par défaut est de 30 ;
  • terminal.integrated.localEchoStyle : configure le style ou la couleur du caractère local, dont la valeur par défaut est "dim".



Suggestions redimensionnables

À partir de VS Code 1.51, l'équipe a apporté plusieurs améliorations à la boîte de dialogue des suggestions. Tout d'abord, elle peut désormais être redimensionnée. Ainsi, vous pouvez faire glisser les côtés ou les coins pour redimensionner le panneau. Après un redimensionnement, la taille de la liste de suggestions est sauvegardée et restaurée d'une session à l'autre. La taille du panneau de détails n'est sauvegardée que par session, car cette taille a tendance à être plus variable. De plus, le paramètre editor.suggest.maxVisibleSuggestions est devenu obsolète.


Une barre d'état pour les suggestions

Le contrôle des suggestions peut maintenant aussi afficher sa propre barre d'état en bas de la fenêtre. Activez-la en utilisant le paramètre editor.suggestStatusBar.enable. Cela simplifie le basculement des détails, et montre si une complétion supporte l'insertion, le remplacement, ou les deux. Le nouveau paramètre "editor.suggest.insertMode" vous permet de configurer si vous préférez insérer ou remplacer. Lorsqu'une suggestion supporte les deux, votre préférence sera la valeur par défaut.

La zone de saisie "Source Control" enregistre l'historique des messages de commit

Cette fonctionnalité répond à une demande de fonctionnalité devant permettre de parcourir l'historique des validations SCM (source code management). Appuyez sur les touches "haut" et "bas" pour afficher les validations précédentes et suivantes, respectivement. Pour passer directement à la première et à la dernière position de la zone de saisie, appuyez sur Alt en conjonction avec la touche fléchée correspondante.

Options de formatage des accolades vides pour JavaScript et TypeScript

La nouvelle option de configuration du formatage "javascript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces" et "typescript.format.insertSpaceAfterOpeningAndBeforeClosingEmptyBraces" contrôle si des espaces sont insérés entre les accolades vides. La valeur par défaut de ces paramètres est true.

Télécharger des fichiers ou des dossiers (Edge, Chrome)

Grâce à la nouvelle API d'accès au système de fichiers, en s'exécutant dans un navigateur, VS Code peut désormais proposer une action de téléchargement pour les dossiers depuis l'explorateur de fichiers afin de télécharger tous les fichiers et dossiers sur le disque.


Prévenir la fermeture accidentelle

Une nouvelle fenêtre de paramétrage .confirmBeforeClose a été ajoutée pour afficher un dialogue de confirmation avant de fermer ou de quitter l'espace de travail. Notez que ce paramètre peut ne pas couvrir tous les cas. Les navigateurs peuvent toujours décider de fermer un onglet ou une fenêtre sans confirmation. Les valeurs possibles sont :

  • keyboardOnly : la confirmation ne sera affichée que lorsque vous utilisez un raccourci clavier pour fermer (par exemple, Ctrl+W), c'est la valeur par défaut ;
  • always : le dialogue de confirmation sera toujours affiché, même si vous fermez par un geste de la souris ;
  • never : la confirmation ne sera jamais affichée.

Source : Visual Studio Code version d'octobre 2020 (version 1.51)

Et vous ?

Qu'en pensez-vous ?

Voir aussi

Visual Studio Code 1.50 s'accompagne de l'amélioration de l'expérience avec les onglets épinglés, ainsi que de l'amélioration de l'expérience de débogage

Adobe XD, une extension pour Visual Studio Code, est disponible pour créer et consommer des systèmes de design. Il permet aux développeurs de mapper visuellement les sources de conception

Draw.io intégré à VS Code : créez des diagrammes directement dans l'EDI avec cette extension open source

Debug Visualizer, une extension VS Code pour visualiser les structures de données lors du débogage, qui fonctionnerait avec tous les langages qui peuvent être débogués dans VS Code

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de smarties
Expert confirmé https://www.developpez.com
Le 08/07/2022 à 10:39
Cool mais je continue d'utiliser VSCodium afin de me passer des télémétrie de M$
5  1 
Avatar de pierre.E
Membre confirmé https://www.developpez.com
Le 12/03/2021 à 18:18
moi j'aimerais surtout un bouton pour chaque langage avec les extensions utiles pour éviter de me coltiner la recherche d'extension
2  0 
Avatar de JPLAROCHE
Membre expérimenté https://www.developpez.com
Le 23/11/2020 à 3:22
vscodium
1  0 
Avatar de LittleWhite
Responsable 2D/3D/Jeux https://www.developpez.com
Le 13/06/2021 à 20:08
Bonjour,

Je pense que le Workspace Trust fait suite à un proof of concept d'utilisation de l'analyseur de code de Visual Studio Code sur une macro Rust qui permet d'effectuer des actions malveillantes sur le PC. Je n'arrive plus à retrouver le POC .
1  0 
Avatar de pierre.E
Membre confirmé https://www.developpez.com
Le 13/02/2021 à 14:00
moi j aimerais bien des boutons pour changer installer extensions
si je travail en c# en python en javascript sans avoir à me coltiner la recherche des principales extensions et l activation désactivation de celle dont je ne me sert pas
0  0 
Avatar de ManPaq
Membre averti https://www.developpez.com
Le 13/03/2021 à 15:29
codium est bien et offre toutes les fonctionnalités de vs code sans le traçage, comme il a été fait mention dans un article précédent. A l'instar de son avatar il tourne sur x86, 64, arm, linux, Apple, chrome OS... Pourtant, particulièrement sur ce dernier dans le container linux, je le trouve excessivement lourd et les suggestions tellement envahissantes en particulier sur un écran réduit en plus du temps de chargement des extensions et les messages d'erreurs sans intérêts!
Je ne sais si c'est dû à électron et une interface héritée plutôt que native mais dans mon Linux bêta vim est bien plus convivial.
Attention à rester KISS!
0  0 
Avatar de air-dex
Membre expert https://www.developpez.com
Le 20/03/2021 à 4:17
Citation Envoyé par pierre.E Voir le message
moi j'aimerais surtout un bouton pour chaque langage avec les extensions utiles pour éviter de me coltiner la recherche d'extension
+1 dans le sens où VS Code évolue mais reste rustre au possible dans son interface. En effet la recherche d'extensions est clairement perfectible.

Sur ce point là si quelqu'un a une piste pour déplacer le débogage en bas au lieu de la colonne de gauche je suis preneur.
0  0 
Avatar de arnofly
Membre confirmé https://www.developpez.com
Le 12/06/2021 à 20:20
Ouais... Un peu lourdingue "Workspace Trust, je trouve. Heureusement qu'il est possible de désactiver cette fonctionnalité.
0  0 
Avatar de Beginner.
Membre expert https://www.developpez.com
Le 02/07/2021 à 22:00
Salut,

Citation Envoyé par arnofly Voir le message
Ouais... Un peu lourdingue "Workspace Trust, je trouve. Heureusement qu'il est possible de désactiver cette fonctionnalité.
Oui je suis d'accord...
Je crois que c'est à cause de ce truc que je ne peux plus utiliser VS CODE...
J'ai un message du genre "cette application ne peut pas s’exécuter sur cet ordinateur"...

Comment on désactive cette fonctionnalité qui se comporte comme un virus ?
0  0 
Avatar de Stéphane le calme
Chroniqueur Actualités https://www.developpez.com
Le 06/09/2021 à 11:01
Visual Studio Code 1.60 est disponible et apporte la détection automatique du langage,
ainsi que la possibilité de garder les éditeurs de terminal ouverts au lieu de les fermer lorsqu'ils ne parviennent pas à être restaurés

Planche de travail

Détection automatique du langage

Dans l'avant dernière version, Microsoft a introduit une fonctionnalité expérimentale pour les fichiers sans titre qui définirait automatiquement le mode de langage du fichier en fonction du contenu. La fonction de détection automatique du langage utilise l'apprentissage automatique pour deviner le langage et le modèle d'apprentissage automatique s'exécute entièrement en local sur votre machine. Le modèle est alimenté par la bibliothèque ML open source, Tensorflow.js.

Dans cette version, Microsoft active la détection automatique du langage par défaut et étend également la détection pour inclure les fichiers qui n'ont pas d'extension de fichier. Dans Notebooks, Microsoft propose un moyen simple de demander la détection du langage à l'aide du sélecteur de langage.

Et Microsoft d'expliquer :

« Nous avons ajouté cette fonctionnalité car nous avons constaté que certains nouveaux utilisateurs de VS Code ne savaient pas comment définir le mode de langage et ne savaient pas que cela était nécessaire pour obtenir le riche ensemble de fonctionnalités de VS Code (colorisation du langage et recommandations d'extension). Permettre aux nouveaux utilisateurs de voir rapidement les fonctionnalités de langage et les extensions disponibles pour VS Code les aide à se lancer dans l'éditeur.

« De plus, les utilisateurs expérimentés qui utilisent des éditeurs de texte sans titre comme bloc-notes n'ont plus besoin de définir explicitement le mode de langage, ce qui, nous l'espérons, rationalisera leur flux de travail ».

Vous trouverez ci-dessous plusieurs scénarios amusants activés par la détection automatique du langage.

Prenez un exemple en ligne et collez-le dans un éditeur sans titre*:


Option de détection automatique dans le sélecteur de langage Notebooks*:


Boîte de dialogue de confirmation de l'éditeur de terminal

La boîte de dialogue présentée lors de la fermeture d'un éditeur de terminal avec des processus enfants en cours d'exécution est désormais spécifique à l'éditeur de terminal et n'offrira plus de moyen d'effectuer l'action « Enregistrer » le terminal.


Gardez les éditeurs ouverts au lieu de les fermer lorsqu'ils ne parviennent pas à être restaurés

Auparavant, lorsqu'un éditeur ne parvenait pas à être restauré après le rechargement de la fenêtre ou le redémarrage de l'application, l'éditeur se fermait automatiquement jusqu'à ce qu'un éditeur se chargeant avec succès soit trouvé. Ce comportement a conduit à des résultats frustrants, où une mise en page d'éditeur soigneusement créée disparaîtrait en raison de la fermeture des éditeurs.

Avec cette version, un éditeur qui a déjà été ouvert avec succès ne se fermera pas, même s'il ne parvient pas à se restaurer. L'éditeur signale le problème et propose de retenter l'opération.

Ouvrir l'éditeur de paramètres sur le côté

Il est désormais possible d'ouvrir l'éditeur de paramètres dans un groupe latéral en configurant un raccourci clavier à l'aide de l'argument openToSide.

Code : Sélectionner tout
1
2
3
4
5
6
7
{
  "key": "cmd+,",
  "command": "workbench.action.openSettings",
  "args": {
    "openToSide": true
  }
}
Cela fonctionne également avec la commande workbench.action.openSettingsJson.

Éditeur

Colorisation des paires de crochets haute performance

L'éditeur prend désormais en charge la colorisation native des paires de crochets.


La colorisation des paires de crochets peut être activée en définissant editor.bracketPairColorization.enabled sur true. Toutes les couleurs sont thématiques et jusqu'à six couleurs peuvent être configurées.

Suggestions en ligne dans la saisie semi-automatique

Les suggestions intégrées peuvent désormais étendre l'aperçu des suggestions lorsque le widget de saisie semi-automatique est affiché. Si une suggestion sélectionnée dans le widget de saisie semi-automatique peut être étendue par un fournisseur de saisie semi-automatique, l'extension est affichée en italique. Appuyer une fois sur Tab n'acceptera toujours que la suggestion de saisie semi-automatique. Appuyez une deuxième fois sur Tab pour accepter la suggestion en ligne.

Cette fonctionnalité nécessite l'activation de l'aperçu de suggestion ("editor.suggest.preview": true).

Terminal

Rendu personnalisé de box drawing et block element characters

Box drawing et block element characters utilisent désormais des glyphes personnalisés au pixel près au lieu d'utiliser la police lorsque l'accélération GPU est activée (terminal.integrated.gpuAcceleration). Cela signifie, par exemple, que les cases sont dessinées sans espaces, même si vous définissez la hauteur des lignes ou l'espacement des lettres dans le terminal.


Reconnexion plus rapide après rechargement de la fenêtre

Auparavant, lors du rechargement d'une fenêtre, l'analyse de l'état du tampon d'un terminal pouvait prendre jusqu'à 300 ms et il y avait également une possibilité de corruption. Pour plusieurs terminaux occupés, cela peut vite s'additionner ! Pour résoudre ce problème, la méthode de restauration du tampon est passée de l'enregistrement d'un grand nombre d'événements de terminal bruts récents sur l'hôte pty au maintien d'une interface de terminal sans tête sur l'hôte pty et à l'écriture de toutes les données dessus.

Cette approche apporte plusieurs avantages :
  • La quantité de défilement à restaurer peut être affinée. La valeur par défaut est maintenant 100, ce qui est un bon équilibre entre la vitesse et la quantité de données. La quantité de défilement peut être modifiée avec le paramètre terminal.integrated.persistentSessionScrollback.
  • Grâce à l'analyseur rapide de xterm.js, cela devrait avoir un impact minimal sur l'utilisation du processeur et réduire l'utilisation globale de la mémoire sur l'hôte pty.
  • Les modes de terminal sont maintenant restaurés explicitement, ce qui pourrait potentiellement être manqué auparavant et provoquer une corruption de la mémoire tampon.
  • Il n'est plus nécessaire de rejouer des événements de redimensionnement coûteux car le tampon du terminal est toujours synchronisé avec sa taille.
  • Comme la restauration est relativement rapide, tout est géré dans une seule image. Cela signifie que le temps CPU précieux n'est pas gaspillé pour rendre le terminal partiellement restauré et ralentir davantage les choses.

L'accélération de cette nouvelle implémentation dépend de nombreux facteurs, tels que le nombre de terminaux, le matériel, la taille de la mémoire tampon du terminal et ce qui se passait dans le terminal. Une estimation approximative de la restauration d'un tampon de terminal complet devrait donner une accélération approximative de 5 à 10x.

Source : Visual Studio Code
0  0