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 !

Visual Studio Code 1.21 est disponible
Quelles sont les nouveautés dans l'éditeur de code open source et multiplateforme de Microsoft ?

Le , par Michael Guilloux

201PARTAGES

10  0 
Conformément à sa tradition, l’équipe de Visual Studio Code vient de publier une nouvelle mise à jour mensuelle : la version 1.21. L’éditeur de code gratuit et multiplateforme a beaucoup gagné en maturité avec de nombreuses fonctionnalités ajoutées version après version depuis son passage en open source. Dans ses dernières mises à jour, Microsoft semble donc mettre beaucoup plus l'accent sur des améliorations pour la productivité, la performance et l’expérience utilisateur plutôt que sur l’ajout de fonctionnalités majeures. C'est également le cas avec Visual Studio Code 1.21.

Cette nouvelle mise à jour de l’éditeur de code de Microsoft vient avec de nombreuses petites améliorations. Mais parmi les plus intéressantes, on peut noter une nouvelle interface utilisateur de notifications pour gérer et examiner facilement les notifications de VS Code, la possibilité de fractionner le terminal intégré, le glisser-déposer et copier-coller entre différentes fenêtres, entre autres. Parcourons à présent les nouveautés et améliorations dans VS Code 1.21.

Nouvelle interface utilisateur de notifications

Dans cette version, Microsoft améliore l'aspect et la convivialité des notifications Visual Studio Code. Les notifications apparaissent maintenant depuis le coin inférieur droit (sauf si le nouveau centre de notifications est ouvert). Elles peuvent être rejetées et être consultées plus tard via le centre de notifications, mais aussi être développées pour voir le contenu complet du message. Chaque notification a la structure suivante :


Comme vous pouvez le voir, une notification présente des boutons d'actions primaires (Yes et No ici), une roue dentée pour des actions supplémentaires, une croix pour fermer la notification et une source. Si une notification ne fournit aucune information source ou aucun bouton d'action, elle affichera quand même un message et un niveau de gravité, composantes essentielles d'une notification. Les notifications seront également automatiquement masquées après un certain temps.


Une icône « cloche » en bas à droite de la barre d'état indique le nombre de nouvelles notifications. En cliquant sur cette icône, le centre de notification s'ouvre et affiche toutes les notifications qui n'ont pas encore été rejetées.


Possibilité de fractionner le terminal intégré

Le terminal intégré peut maintenant être divisé de sorte que plusieurs soient visibles à la fois, ce qui peut permettre une gestion beaucoup plus facile des terminaux lorsque vous travaillez avec plusieurs terminaux ouverts en même temps.


Le fractionnement peut être effectué en cliquant sur le bouton de fractionnement dans le panneau, via le menu contextuel ou la commande Ctrl+\ . Le focus peut être déplacé entre les différentes parties du terminal fractionné en utilisant Alt+Right et Alt+Left. Le volet actif peut également être redimensionné en utilisant Ctrl+Shift plus la touche de direction appropriée (haut, bas, gauche, droite), selon le cas.

Prise en charge du défilement bidirectionnel de l'aperçu Markdown

Dans cette version, quand vous faites défiler l'éditeur, l'aperçu Markdown associé défile automatiquement pour correspondre à la vue de l'éditeur. Et quand vous défilez l'aperçu Markdown, l'éditeur fait de même.


Vous pouvez activer ou désactiver la synchronisation du défilement à l'aide des paramètres "markdown.preview.scrollEditorWithPreview" et "markdown.preview.scrollPreviewWithEditor". L'ancien paramètre "markdown.preview.scrollPreviewWithEditorSelection" est maintenant obsolète.

Glisser-déposer et copier-coller entre différentes fenêtres

VS Code 1.21 offre un meilleur support du glisser-déposer. L'éditeur accepte désormais davantage de scénarios de glisser-déposer. La requête la plus votée consistait à faire glisser des fichiers d'un explorateur de fichiers vers une autre instance de VS Code ; ce qui est maintenant possible. L'éditeur de code supporte également le glisser-déposer de dossiers racines dans l'explorateur de fichiers pour réorganiser leur ordre.

D'autres améliorations ont été apportées à la vue OPEN EDITORS. Vous pouvez maintenant faire glisser les fichiers de l'Explorateur, les fichiers du bureau ou les onglets dans un espace spécifique de la vue OPEN EDITORS. Microsoft vous permet en outre de copier et coller des fichiers entre deux explorateurs de fichiers de VS Code dans différentes instances. Cela fonctionne pour la sélection simple ou multiple de fichiers ainsi que des dossiers.


Autres nouveautés et améliorations

Dans Visual Studio Code 1.21, Microsoft améliore encore la prise en charge des fichiers volumineux et ajoute la mise en page centrée de l'éditeur. On notera aussi le support IntelliSense pour les chemins HTML, afin de faciliter l'importation de divers fichiers en HTML. Dans la version 1.20, Microsoft a ajouté le support pour les packs de langues et dans cette version, les premiers packs de langue sont disponibles sur le Marketplace. Entre autres nouveautés, il faut noter que vous pouvez maintenant afficher les résultats de recherche dans un panneau horizontal. La fonctionnalité d'affichage horizontal des résultats de recherche est disponible en préversion.

Télécharger Visual Studio Code 1.21

Source : Blog Visual Studio Code

Et vous ?

Utilisez-vous VS Code ? Que pensez-vous de ces nouveautés ?
Lesquelles appréciez-vous le plus ? Et quelles sont celles que vous attendez encore ?

Voir aussi :

Visual Studio Code est maintenant livré avec Anaconda, la plateforme Python populaire pour la data science
Visual Studio Live Share est disponible en préversion, l'extension permet aux développeurs de collaborer en temps réel dans VS 2017 et VS Code
Org Mode de l'éditeur de texte GNU Emacs débarque sur Visual Studio Code sous forme d'extension, actuellement disponible en version alpha
Microsoft lance une extension de débogage Java pour Visual Studio Code, et envisage d'offrir un support complet pour le développement Java sur VS Code

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

Avatar de goldbergg
Membre actif https://www.developpez.com
Le 12/10/2018 à 10:45
En faite VS code utilise Blink, qui est bien le moteur de rendu utilisé par chrome, mais aussi par Opera et Vivaldi (entre autre) pour la gestion de son interface graphique, il est donc normale de pouvoir y voir certaine similitude.
VS code n'est pas une sur-couche a Chrome, ils partagent juste un certains composant.

Pour la petite histoire, Vs Code est basé sur Electron, qui est un framework qui permet de développé des client lourd multi plateforme via les outils du web (Html/CSS/Javascript), pour ce faire Electron utilise Blink pour le rendu et Node.js pour l'exécution du JS.
1  0 
Avatar de LittleWhite
Responsable 2D/3D/Jeux https://www.developpez.com
Le 12/10/2018 à 10:48
Bonjour,

C'est une application JavaScript, portée en application native grâce à Electron. C'est à la mode.
Une application de ce style embarque le moteur JavaScript (ce qui permet d'interpréter le JS) et le moteur "simple" à importer, c'est le WebKit.
Note : il existe une version de Chrome, appelée Chromium, qui est entièrement libre. Le navigateur Chrome est une version patchée de Chromium, pour y intégré les "ajouts" de Google.
1  0 
Avatar de air-dex
Membre expert https://www.developpez.com
Le 17/05/2019 à 19:05
Un bon petit éditeur sur lequel Microsoft fait du bon travail. Je l'avais testé il y a longtemps et je ne l'avais pas trouvé sensationnel, loin de là même. Mais je l'ai retesté il n'y a longtemps et je trouve qu'il a très bien évolué. Il a encore un peu de chemin à faire, mais il est clairement sur la bonne voie. Avant ce n'était qu'un éditeur pour geeks à bidouiller. Maintenant c'est un bon petit logiciel sympa, mais qui a le cul entre deux chaises : trop gros pour être considéré comme un simple éditeur de texte comme Notepad++, Kate ou gedit, mais pas assez consistant pour être utilisable au quotidien en remplacement d'un EDI plus ambitieux comme Eclipse ou IntelliJ. En l'état actuel des choses c'est une très bonne alternative à Geany.

Il ne manque pas grand chose à VS Code pour pouvoir être envisageable en remplacement d'un EDI type Eclipse ou IntelliJ, notamment une barre d'icônes en alternative au menu et aux raccourcis claviers. Pour le reste il sera possible d'en faire un bon EDI avec les plugins qui vont bien.
1  0 
Avatar de dfiad77pro
Membre expérimenté https://www.developpez.com
Le 17/05/2019 à 19:26
+ 1 pour la barre d'icones, j'avais oublié ça mais en effet c'est super intéressant pour la productivité.
Je rajoute aussi le fait donner la possibilité de docker la barre de commande pour qu'elle soit toujours visible
1  0 
Avatar de CoderInTheDark
Membre chevronné https://www.developpez.com
Le 18/08/2019 à 14:31
Un gros peluche 1 pour l'accessibilité
1  0 
Avatar de twoitipoints
Membre à l'essai https://www.developpez.com
Le 06/07/2018 à 18:59
Vraiment le meilleur pour moi actuellement.
0  0 
Avatar de ShigruM
Nouveau Candidat au Club https://www.developpez.com
Le 06/09/2018 à 16:35
existe t'il un moyen ou une extension pour avoir une barre de commande comme dans tous les autres ide, comme visual studio 2016 par exemple
juste en dessous de la barre de menu :
0  0 
Avatar de Golfy
Membre du Club https://www.developpez.com
Le 07/09/2018 à 13:58
Je plussoie : la seule extension que je connaisse, apportant un semblant de menu avec icône est "shortcut menu bar"... mais c'est loin d'être satisfaisant.
0  0 
Avatar de visithierry
Membre du Club https://www.developpez.com
Le 12/10/2018 à 10:16
Salut,
Cette question n'a peut être pas sa place ici, mais il y a un truc qui me chiffonne depuis que j'utilise VS Code.

En fait VS Code c'est un navigateur Chrome (version 61)???

Quand on va dans [Aide -> Activer / Désactiver les outils de développement] on voit très clairement que la fenêtre principale de l'EDI n'est rien d'autre qu'une page web !

Bon j'ai pas a m'en plaindre, il fait son boulot et c'est gratuit, mais ça me fait bizarre...

Et pourquoi un outil de chez Microsoft est basé sur Chrome et pas sur Edge ???
0  0 
Avatar de arnomedia
Membre actif https://www.developpez.com
Le 15/03/2019 à 9:23
J'utilise ponctuellement VS Code. Mais comme je pratique exclusivement du développement web (PHP, HTML, CSS, JS), dans ce contexte, Netbeans (surtout la nouvelle version 10) et nettement meilleur que VS Code. VS Code est encore trop jeune et ses développeurs semblent en avoir un peu rien à foutre de PHP... VS Code n'est pas mauvais, mais il a des lacunes qui sont rédhibitoires pour moi. Pour la prise en compte des nouveautés CSS, il est top par contre, contrairement à Netbeans qui est à la traîne à ce niveau.
0  0