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

Le , par Michael Guilloux

118PARTAGES

9  0 
Après une pause d'un mois pour profiter des fêtes de fin d'année, l'équipe Visual Studio Code a repris son travail le mois dernier et vient de publier la première mise à jour mensuelle de l'année : Visual Studio Code 1.20. Cette version contient le travail de l'équipe de VS Code au mois de janvier ainsi que les contributions faites par les membres de la communauté en décembre et janvier. Cela signifie qu'il y a beaucoup de nouveautés et améliorations qui viennent. Mais comme d’habitude, nous allons nous intéresser à celles que Microsoft considère comme les plus importantes.

Multisélection dans l'explorateur : effectuer des actions sur plusieurs fichiers à la fois

Vous pouvez maintenant sélectionner plusieurs fichiers dans la vue Explorateur de fichiers et OPEN EDITORS pour exécuter des actions sur plusieurs éléments.


Comme conséquence de la fonctionnalité de multisélection dans l'explorateur, l'équipe VS Code explique que cliquer avec la touche Ctrl/Cmd enfoncée n'ouvrira plus un éditeur sur le côté, car cette touche est maintenant utilisée pour ajouter plus d'éléments à la multisélection. Un nouveau paramètre, workbench.list.multiSelectModifier, vous permet toutefois de revenir à l'ancien comportement, avec la configuration "workbench.list.multiSelectModifier": "alt". Ce paramètre vous permet d'utiliser la touche Alt pour ajouter des éléments à la sélection.

Recherche de paramètres améliorée : trouver facilement le bon paramètre avec la recherche en langage naturel

VS Code fournit de nombreux paramètres pour personnaliser l'éditeur, et il peut être difficile de trouver le paramètre que vous recherchez lorsque vous ne savez pas quels termes utiliser. Pour cela, cette version améliore la fonctionnalité de recherche dans l'éditeur de paramètres pour aller au-delà du simple filtrage avec des correspondances littérales de mots. L'éditeur de paramètres va maintenant effectuer une recherche en tenant compte des libellés alternatifs, des fautes de frappe, entre autres, pour fournir une expérience de recherche en langage plus naturel. Si vous préférez l'ancien style de recherche, vous pouvez désactiver cette fonctionnalité avec "workbench.settings.enableNaturalLanguageSearch": false.

Erreurs et avertissements dans l'explorateur de fichiers : accéder rapidement aux erreurs dans votre base de code

VS Code indique maintenant les fichiers avec des erreurs ou des avertissements dans l'explorateur de fichiers et la vue OPEN EDITORS. Le nombre d'erreurs / avertissements est indiqué dans la décoration. Le paramètre problems.decorations.enabled vous permet d'activer / désactiver les décorations d'erreur / d'avertissement.


Enregistrer les fichiers nécessitant des privilèges d'administrateur

Il est maintenant possible d'enregistrer des fichiers nécessitant des privilèges d'administrateur. Un exemple est de faire des changements dans /etc/hosts. Si le fichier existe sur le disque et requiert des autorisations élevées, une nouvelle action Réessayer en tant qu'administrateur s'affichera sur un message d'erreur. L'enregistrement en tant qu'administrateur est pris en charge sur toutes les plateformes. Selon la plateforme, l'invite à s'authentifier en tant qu'administrateur sera différente.

Enregistrer les fichiers volumineux (de plus de 256 Mo)

Il est maintenant possible d'enregistrer des fichiers de plus de 256 Mo où précédemment une erreur était signalée. Cela a été réalisé en modifiant l'implémentation de la façon dont VS Code stocke le contenu de l'éditeur sur le disque. Au lieu de charger tout le contenu du fichier en mémoire, VS Code utilise un instantané du contenu et le diffuse dans le fichier par blocs de 64 Ko.

Support des sous-modules Git : effectuer des opérations Git sur les dépôts Git imbriqués

Cette version de VS Code introduit le support des sous-modules Git. Puisque les sous-modules sont eux-mêmes des dépôts Git, ils apparaissent dans la liste des dépôts. Il s'agit pour le moment d'un support qui permet d'effectuer certaines actions basiques. Vous pouvez également désactiver la détection automatique de sous-module Git avec le paramètre git.detectSubmodules.

Snippets globaux : créer des snippets (de petites portions réutilisables de code source) que vous pouvez utiliser pour tous les types de fichiers

VS Code prend désormais en charge les snippets globaux, c'est-à-dire de petites portions de code qui ne sont pas limitées à un seul langage, mais qui peuvent cibler n'importe quel type de fichier. À l'aide de la commande Preferences: Configure User Snippets, sélectionnez l'option New Global Snippets file... pour ouvrir un fichier .code-snippets pour de nouveaux snippets. Utilisez l'attribut scope pour répertorier les langages ciblés par un snippet. Par exemple, le snippet ci-dessous peut ajouter un en-tête de copyright pour les fichiers JavaScript et TypeScript :

Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
"JS & TS Stub": {
  "scope": "javascript,typescript",
  "prefix": "stub",
  "body": [
    "/*--------------------------------------------------------------",
    " *  Copyright (c) Your Corporation. All rights reserved.",
    " *  Licensed under the MIT License.",
    " *-------------------------------------------------------------*/",
    "",
    "'use strict';",
    "",
    "$0"
  ],
  "description": "Insert Copyright Statement"
}
Zoom d'un aperçu d'image : zoom avant et arrière sur les images avec votre souris, molette ou pavé tactile

Vous pouvez maintenant zoomer des aperçus d'image. Vous pouvez faire un zoom avant et arrière en cliquant, en utilisant la molette de défilement (avec Ctrl sur Windows / Linux ou Alt sur macOS), ou en pinçant sur un pavé tactile. Le niveau de zoom courant est affiché dans la barre d'état. Vous pouvez cliquer sur l'élément zoom de la barre d'état pour changer rapidement les niveaux de zoom ou réinitialiser la vue.


Prise en charge du lecteur d'écran dans le terminal : le terminal intégré dispose désormais du mode "Screen Reader Optimized"

Le support du lecteur d'écran a été ajouté au terminal. Pour l'activer, VS Code doit être en mode "Screen Reader Optimized". L'équipe VS Code considère cela comme une première étape et dit chercher activement des moyens de faciliter l'utilisation du terminal pour ceux qui ont des problèmes de vision.

Amélioration du support du débogage pour les espaces de travail à plusieurs racines : gérer les configurations sur plusieurs projets

Un espace de travail multiracine peut être utilisé pour travailler sur des projets connexes (par exemple "Serveur" et "Client") dans un espace de travail unique. Chacun de ces dossiers a ses propres configurations de lancement (par exemple "Launch Server" et "Launch Client"). « Mais jusqu'à présent, il n'était pas possible de combiner des configurations de lancement de différents dossiers dans une configuration de lancement "composé" (car il n'y avait pas de mécanisme pour référencer les configurations de lancement dans les dossiers) », explique l'équipe VS Code. Dans cette version, VS Code a traité cette limitation.

« Nous avons d'abord ajouté la prise en charge des configurations de lancement avec "espace de travail" comme portée, et nous avons introduit une syntaxe pour référencer les configurations de lancement dans les dossiers. » Avec cela, les configurations des différents dossiers peuvent être conservées au niveau de l'espace de travail. Les configurations de lancement ayant comme portée l'espace de travail se trouvent dans la section "launch" du fichier de configuration de l'espace de travail, qui peut être facilement modifié via Workspaces: Ouvrir le fichier de configuration de l'espace de travail dans la palette de commandes :


Vous pouvez également ajouter de nouvelles configurations de lancement via l'entrée Ajouter une configuration (espace de travail) du menu déroulant Lancer la configuration :


En plus des nouveautés présentées ici, l'équipe VS Code annonce de nouveaux didacticiels de déploiement de vos applications Node.js avec Docker et Azure App Service. Vous trouverez la liste exhaustive des nouveautés et améliorations dans cette version sur le site officiel de Visual Studio Code.

Télécharger Visual Studio Code 1.20

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 ?

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 expérimenté 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 
Contacter le responsable de la rubrique Accueil

Partenaire : Hébergement Web