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 !

Connect 2017 : chiffres clés et nouveautés introduites dans Visual Studio Code
Au cours des douze derniers mois

Le , par Michael Guilloux

171PARTAGES

8  0 
Quelles nouveautés appréciez-vous le plus ? Pourquoi ?
Le premier jour de sa conférence Connect, du 15 au 17 novembre à New York, Microsoft a décidé de faire le point du développement de son éditeur Visual Studio Code pendant les douze derniers mois. Depuis son passage en open source, l'éditeur de code multiplateforme attire de nombreux développeurs et utilisateurs, et l'engouement de ces derniers n'a pas diminué sur la période d'octobre 2016 à octobre 2017.

Pour mettre cela en évidence, Microsoft explique que plus de 15 000 développeurs ont contribué à VS Code, ce qui fait de l'éditeur de code, le projet numéro un de GitHub en termes de contributeurs, loin devant React Native de Facebook à la deuxième place avec 8800 contributeurs.

En termes d'utilisateurs, plus de 2,6 millions de personnes utilisent VS Code chaque mois, soit un nombre en hausse de plus de 160 % en un an. Il est également important de préciser qu'à ce jour, plus de 4700 extensions ont été développées pour VS Code.


Cette communauté active derrière VS Code a permis à l'éditeur de code de livrer de nouvelles fonctionnalités et améliorations chaque mois. Sur les douze derniers mois, il y a donc eu une tonne de fonctionnalités, mais parmi les plus intéressantes, voici un petit échantillon.

Références de raccourcis clavier (vs code 1.7) : tous les raccourcis clavier de VS Code pour les différentes plateformes (Windows, macOS et Linux) ont été listés dans l'éditeur dans des fichiers PDF imprimables.

Organisation des éditeurs (vs code 1.7) : ajout de la disposition horizontale pour donner la possibilité de modifier la disposition des groupes d'éditeur pour qu'ils soient verticaux ou horizontaux.

Keymaps pour Sublime et Atom (vs code 1.7) : ajout de deux nouvelles extensions pour vous permettre d’utiliser les raccourcis clavier bien connus des éditeurs de code comme Atom et Sublime Text dans VS Code.

Hot Exit (vs code 1.8) : ajout de cette nouvelle fonctionnalité dont le but est de permettre aux développeurs de ne pas perdre leurs modifications non enregistrées en cas de sortie inopinée de l’éditeur de code. Certains évènements déclenchent une Hot Exit, et si vous lancez l’éditeur après qu’une Hot Exit s'est produite, vos espaces de travail et fichiers seront restaurés.

Mode Zen (vs code 1.8) : déjà disponible sur les éditeurs concurrents comme Atom et Sublime Text sous le nom de mode « sans distraction », le mode Zen vous permet de vous concentrer sur votre code en masquant toute l'interface utilisateur sauf l'éditeur. C’est-à-dire que la barre d'activité, la barre d'état, la barre latérale et le panneau sont tous masqués, et l’éditeur passe en mode plein écran.

IntelliSense JavaScript dans HTML (VS code 1.8) : cela a permis d'obtenir un support complet du langage JavaScript dans les fichiers HTML.

Expérience de bienvenue (VS code 1.9) : introduction d'une nouvelle page d'accueil pour vous permettre de démarrer rapidement, que vous soyez un nouveau ou ancien utilisateur.

Interactive playground (VS code 1.9) : cette fonctionnalité sur la page d'accueil vous présente dans un guide étape par étape de certaines des fonctionnalités d'édition de code avancées avec des exemples interactifs. Interactive playground vous permet d'essayer ces fonctionnalités d'édition avancées sans créer de fichiers ou de projet.

Vue couplée d'un aperçu Markdown et du code dans l'éditeur (VS code 1.9) : synchronisation du code Markdown et de son aperçu de sorte que lorsque vous faites défiler le code Markdown, son aperçu défile également et vice versa. Cela vous permet de savoir rapidement à quelle partie du code correspond une partie de votre aperçu Markdown. En outre, en faisant un double-clic sur un élément dans l'aperçu Markdown, vous pouvez ouvrir automatiquement l'éditeur à la ligne correspondante.

Minimap (vs code 1.10) : intéressante quand on traite des fichiers avec plusieurs centaines de lignes, cette fonctionnalité propre à l’éditeur Sublime Text vous permet de visualiser l’ensemble d’un fichier sur une barre latérale.

Drag & Drop dans l'éditeur (vs code 1.10) : possibilité d'utiliser la souris pour glisser-déposer un texte sélectionné dans l'éditeur.

Support des points d'arrêt multiples sur la même ligne d'un code source (vs code 1.10) : cela aide à déboguer du code qui contient plusieurs instructions sur une seule ligne.

Agrandir et restaurer le panneau (vs code 1.11) : ajout d'un bouton Agrandir/Restaurer pour une ouverture rapide des panneaux (Sortie, Terminal, Console de débogage) en taille réelle ou réduite.

Éditeur de raccourcis clavier (VS code 1.11) : un nouvel éditeur de raccourcis clavier pour lier facilement les commandes à vos raccourcis clavier préférés.

Nouveaux fournisseurs de contrôle de code source disponibles (VS code 1.12) : extensions SCM (Source Control Management) pour TFVC (Team Foundation Version Control), Perforce et Mercurial.

Vérification de type en JavaScript (VS code 1.12) : vous pouvez détecter les erreurs de programmation JavaScript plus tôt avec la vérification de type.

Activation de Minimap par défaut (VS code 1.13) : la fonctionnalité avait déjà été introduite dans VS Code 1.10 en préversion.

Amélioration de la documentation IntelliSense (VS Code 1.13) : affichage de la liste de suggestions et la documentation côte à côte. Lorsque les suggestions IntelliSense sont déclenchées, vous pouvez afficher la documentation pour l'élément de suggestion activé. La documentation s’affiche également sur le côté au lieu d'être superposée sur le widget de suggestion. Cela permet donc de lire la documentation et de naviguer dans la liste de suggestions en même temps.

Amélioration de la gestion des conflits de fusion Git (VS Code 1.13). Les conflits de fusion sont maintenant colorés et viennent avec des actions pour accepter l'un ou l'autre de deux changements ou l'union des deux à la fois. Auparavant, c’était l’extension Better Merge qui permettait de gérer les conflits de fusion Git, mais cette fonctionnalité est désormais intégrée dans VS Code.

Améliorations du terminal intégré (VS Code 1.14) : support d'une fonctionnalité basique de recherche dans le terminal et la possibilité de sélectionner et copier plusieurs pages.

Amélioration de la palette de commandes (VS Code 1.14) : désormais possible de trouver rapidement et exécuter des commandes récemment utilisées, grâce à l'ajout de la liste des commandes les plus récemment utilisées. Cette liste est d'ailleurs persistante, c'est-à-dire conservée après redémarrage, et les commandes exécutées les plus récentes sont toujours affichées en tête de liste.

Amélioration de l'indentation automatique (VS Code 1.14) : vous pouvez effectuer une indentation automatique pendant que vous tapez votre code, déplacer des lignes ou copier du contenu en TypeScript, JavaScript, HTML, CSS, JSON ou dans des langages dotés de règles d'indentation.

Build Windows 64 bits en préversion (VS Code 1.14).

Support des espaces de travail à plusieurs racines en préversion (VS Code 1.14) : ce qui permet d'ouvrir plusieurs projets dans le même éditeur.

Support d'Emmet 2.0 (VS Code 1.15).

Builds Windows 64 bits disponibles en version stable (VS Code 1.15).

Un meilleur support des fichiers volumineux (VS Code 1.15) : une amélioration de l’utilisation de la mémoire et donc de la performance pour les fichiers volumineux.

Fermeture automatique de balises HTML (VS Code 1.16) : les éléments de balise HTML seront automatiquement fermés une fois que vous tapez le caractère ">" de la balise d’ouverture. Lorsque vous tapez le caractère "/" d’une balise de fermeture, VS Code va également insérer automatiquement la balise correspondante.

Sélecteur de couleur dans HTML (VS Code 1.16) : possibilité d'utiliser le nouveau sélecteur de couleurs (Color Picker UI) de VS Code dans les fichiers HTML.

Prise en charge SCM multiple améliorée (VS Code 1.17) : une nouvelle interface utilisateur pour afficher les modifications dans plusieurs dépôts actifs. Ceux-ci peuvent être fournis par plusieurs fournisseurs SCM. Par exemple, vous pouvez avoir des référentiels Git côte à côte avec des espaces de travail TFS.

Support de la Touch Bar de macOS (VS Code 1.17) : pour afficher certaines actions dans la Touch Bar, notamment pour naviguer dans le code ainsi que pour le débogage. Les extensions peuvent également ajouter des commandes à la Touch Bar via un nouvel élément du menu nommé touchBar.

Support des marqueurs de régions dans le pliage de code (VS Code 1.17).

Améliorations de performance du terminal intégré (VS Code 1.17) : le terminal intégré est venu avec un tout nouveau moteur de rendu qui le rend environ 5 à 45 fois plus rapide qu'avant, selon la situation. Ce changement de moteur de rendu réduit aussi la latence d'entrée, la consommation électrique (plus faible utilisation de la batterie) et augmente considérablement la fréquence d'images du terminal.

Espaces de travail à plusieurs racines activé par défaut (VS Code 1.18) : la fonctionnalité était en préversion depuis VS Code 1.14.

Prise en charge de la disposition de panneau verticale (VS Code 1.18) : les panneaux peuvent maintenant basculer entre un affichage en bas et un affichage sur le côté droit.

Statut Git dans l'explorateur de fichiers (VS Code 1.18) : ajout d'un support à l'Explorateur de fichiers pour afficher les fichiers modifiés, ajoutés, conflictuels et ignorés dans une couleur différente et avec un badge.

Examen des changements de code source (VS Code 1.18) : vous pouvez maintenant examiner les modifications du code source directement dans l'éditeur standard. Vous pouvez non seulement consulter vos modifications de code, mais également les parcourir, et effectuer bien d'autres actions.


Source : Blog Visual Studio Code

Et vous ?

Que pensez-vous des chiffres de VS Code ?
Quelles sont vos fonctionnalités préférées parmi celles qui ont été ajoutées sur les 12 derniers mois ?
Qu'attendez-vous des prochaines versions ?

Voir aussi :

Microsoft lance la collaboration en temps réel dans Visual Studio 2017 et VS Code, avec la fonctionnalité Live Share qui arrive bientôt en préversion
L'équipe de VS Code annonce sa feuille de route pour 2018 et souhaite rendre l'expérience avec VS Code plus agréable qu'elle ne l'est déjà
Microsoft rend open source son extension de débogage Java pour Visual Studio Code qui au passage s'enrichit de quelques nouvelles fonctionnalités

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