Visual Studio Code 1.16 est disponible
Avec de petites nouveautés pour améliorer la productivité des développeurs

Le , par Michael Guilloux

152PARTAGES

8  0 
Visual Studio Code 1.16, la dernière mise à jour de l’éditeur de code open source et multiplateforme de Microsoft, est disponible. VS Code a beaucoup gagné en maturité en ce qui concerne les fonctionnalités qu’il propose, même si les développeurs ne finiront jamais d’en demander plus. Mais pour ses dernières versions, l’accent est plutôt mis sur l’amélioration de la productivité, la performance et l’expérience utilisateur plutôt que sur l’ajout de fonctionnalités majeures. Visual Studio Code 1.16 s’inscrit également dans cette vision.

Cette nouvelle mise à jour vient avec de nombreuses petites améliorations. Parmi les plus intéressantes, on peut commencer par la fermeture automatique de balises HTML. Il faut en effet noter que les éléments de balise HTML seront automatiquement fermés une fois que vous tapez le caractère ">" de la balise d’ouverture. Autrement dit, comme cela est illustré dans l’exemple suivant, si vous tapez l’élément HTML <div>, VS Code va automatiquement insérer </div>.


Il faut également noter que lorsque vous tapez le caractère "/" d’une balise de fermeture, Visual Studio va insérer automatiquement la balise correspondante, comme le montre l’exemple suivant pour l'élément HMTL <body>.


Ce nouveau comportement est activé par défaut et peut être désactivé avec le paramètre html.autoClosingTags.

Dans la version 1.15, Visual Studio Code venait avec une UI de sélection de couleur (Color picker UI) qui permet de personnaliser rapidement des couleurs dans vos fichiers CSS, SASS et LESS. Le sélecteur de couleurs prend en charge la configuration de la teinte, la saturation et de l'opacité pour la couleur sélectionnée à partir de l'éditeur. Il permet également de basculer entre différents modes de couleurs. Il était activé pour les fichiers CSS, SASS et LESS, prenant en charge les modes de couleur RGBA, HSLA et Hex. Dans cette version, vous pouvez maintenant utiliser le sélecteur de couleurs de VS Code dans les fichiers HTML.


Le terminal intégré peut maintenant être lancé via la commande Terminal: Switch Active Terminal ou en tapant "term " (avec un espace à la fin) dans Quick Open. Lorsque vous utilisez la liste déroulante Quick Open du terminal intégré, vous pouvez également créer de nouveaux terminaux ou supprimer des terminaux existants.


Une autre petite nouveauté est la possibilité de faire du Drag and Drop depuis les résultats de recherche et le panneau Problèmes, pour ouvrir rapidement des fichiers. Vous pouvez en effet maintenant faire glisser des fichiers à partir des résultats de recherche et du panneau Problèmes sur la zone de l'éditeur là où ceux-ci devraient s'ouvrir. L'Explorateur de fichiers a toujours pris en charge cette fonctionnalité et l’équipe VS Code l’étend maintenant à d'autres régions de l'interface utilisateur.


Télécharger Visual Studio Code

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