Visual Studio Code 1.7 est disponible
Cette version de l'éditeur de code multiplateforme met l'accent sur l'amélioration de l'expérience utilisateur

Le , par Michael Guilloux, Chroniqueur Actualités
La version 1.7 de Visual Studio Code, l’éditeur de code multiplateforme léger de Microsoft, est disponible avec d’importantes améliorations pour l’expérience utilisateur. Cette version a été publiée le 2 novembre avant que Microsoft ne fasse un rollback le lendemain vers la version 1.6.1 à cause d’un incident avec une nouvelle fonctionnalité appelée Automatic Type Acquisition (ATA).

Le but de la fonctionnalité est d'améliorer l'expérience IntelliSense de JavaScript. Il faut noter que VS Code utilise le service de langage de TypeScript pour fournir IntelliSense pour JavaScript et le service de langage de TypeScript utilise des fichiers spéciaux appelés fichiers de déclaration de type, qui sont publiés sur npm. Après avoir offert cette fonctionnalité aux développeurs Insiders pendant deux semaines, l’équipe VS Code a jugé utile de la livrer à tout le monde dans VS Code 1.7. Mais juste après la sortie de cette version, l’équipe npm a enregistré un pic énorme dans l'activité de registre des clients essayant d'accéder à des paquets liés à la fonctionnalité ATA introduite dans VS Code 1.7. Ces demandes représentaient environ 10 % de l'ensemble du trafic et ont brièvement paralysé leur service (une sorte de DDoS non intentionnelle). La version 1.7.1 de VS Code a donc été publiée par la suite pour désactiver la nouvelle fonctionnalité. Il est donc recommandé d’installer VS Code 1.7.1 pour ceux qui avaient déjà installé la version 1.7.

À part la fonctionnalité ATA qui est désactivée (et qui devrait réapparaître dans les prochaines versions après correction du problème), la version 1.7.1 contient toutes les fonctionnalités qui étaient disponibles dans VS Code 1.7. (VS Code 1.7.1 ne vient que pour désactiver la fonctionnalité ATA). Parmi ces fonctionnalités et améliorations, nous pouvons citer :

Les références de raccourcis clavier

Avec Visual Studio Code 1.7, tous les raccourcis clavier pour l’éditeur de code sont listés dans un fichier PDF imprimable. En allant dans le menu Aide puis en cliquant sur Référence de raccourcis clavier, s’ouvre un fichier PDF contenant les raccourcis clavier pour VS Code.


Garder cette référence à portée de main facilite grandement l’utilisation de VS Code. Les références de raccourcis clavier sont disponibles pour les différentes plateformes Windows, macOS et Linux.

Organisation des éditeurs : disposition horizontale

Avec VS Code 1.7, vous pouvez maintenant modifier la disposition des groupes d'éditeur pour qu'ils soient verticaux ou horizontaux. Les deux types de dispositions se comportent de la même manière que précédemment, vous permettant de déplacer et redimensionner les éditeurs et les groupes d'éditeur.


Le raccourci clavier Shift+Alt+1 permet de basculer rapidement entre les deux types de dispositions. Une fois que vous avez fait votre choix pour une disposition, ce choix est conservé pour l'espace de travail courant et restauré après le redémarrage.

Keymaps pour Sublime et Atom

Les raccourcis clavier sont essentiels à la productivité et des changements dans les raccourcis clavier, en passant d’un éditeur à un autre, peuvent être difficiles. Visual Studio Code 1.7 a donc ajouté deux nouvelles extensions et introduit une nouvelle catégorie Keymaps sur le Marketplace. Le but est de faciliter la commutation entre les éditeurs en supprimant la nécessité d'apprendre de nouveaux raccourcis clavier. Cette nouvelle version va vous permettre maintenant d’utiliser les raccourcis clavier bien connus des éditeurs de code comme Atom et Sublime Text dans VS Code. Pour cela, Microsoft a créé une extension pour Atom et Sublime Text.


Ces extensions permettent de porter les raccourcis clavier populaires d’Atom et Sublime Text sous Visual Studio Code. Après avoir installé une de ces extensions et redémarré VS Code, vos raccourcis clavier préférés seront maintenant disponibles dans l’éditeur de Microsoft. Il faut également noter que vous pouvez créer votre propre extension keymap et l'ajouter à la catégorie Keymaps.

Désactivation des extensions

Il est désormais possible de désactiver rapidement une extension globalement ou pour un espace de travail spécifique.

Souvent, vous avez plus d'un espace de travail et plusieurs extensions installées pour prendre en charge ces espaces de travail. La plupart du temps, ces extensions sont exclusives à un seul espace de travail et ne sont pas nécessaires pour les autres. Par exemple, si vous avez des espaces de travail JavaScript et Go, vous n'avez pas besoin de l'extension linting de JavaScript dans un espace de travail Go et vice versa. Avec cette version de VS Code, vous pouvez maintenant exécuter uniquement les extensions que vous jugez nécessaires pour un espace de travail et désactiver les autres.


Vous pouvez également désactiver ou activer toutes les extensions en quelques clics à partir de code VS.


Packs d’extensions

Dans la version 1.6 de Visual Studio Code, Microsoft a introduit les packs d’extensions. Un pack d'extension est un ensemble d'extensions qui peuvent être installées ensemble. Cela permet de partager facilement vos extensions préférées avec d'autres utilisateurs. Un cas d'utilisation intéressant est de créer un ensemble d'extensions pour un scénario particulier, par exemple pour le développement PHP, pour aider un développeur PHP à démarrer rapidement avec VS Code. Un pack d'extensions est représenté comme une extension qui dépend d'autres extensions.

Dans cette nouvelle version de VS Code, quand vous sélectionnez un pack d’extensions, vous verrez un nouvel onglet qui affiche les dépendances qui sont installées lors de l'installation du pack. Lorsque vous désinstallez un pack d'extension, toutes ses extensions dépendantes référencées sont également désinstallées.


VS Code 1.7 introduit bien d’autres améliorations, comme l’autocomplétion CSS au sein de HTML. Vous pouvez en effet maintenant voir les fonctions de langage CSS comme la complétion du code, la validation et l'annotation de couleur intégrées dans votre HTML. Il faut également signaler une simplification du débogage de Node.js et une amélioration pour l'expérience utilisateur des développeurs TypeScript et JavaScript.

Télécharger Visual Studio 1.7

Source : Blog Visual Studio Code

Et vous ?

Quelles nouveautés appréciez-vous le plus ?
Quelles sont vos attentes pour les prochaines versions ?

Voir aussi :

La cinquième préversion de Visual Studio "15" est disponible et apporte le filtrage IntelliSense pour une amélioration de la productivité


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Michael Guilloux Michael Guilloux - Chroniqueur Actualités https://www.developpez.com
le 16/12/2016 à 0:02
Visual Studio Code 1.8 disponible
avec le mode Zen pour écrire son code sans distraction et d’autres améliorations pour la productivité et l’UX

Version après version, Visual Studio Code, l’éditeur de code open source multiplateforme de Microsoft gagne en maturité et en fonctionnalités. VS Code séduit donc un nombre croissant de développeurs dont beaucoup étaient sceptiques à son lancement en juin 2015. D’ailleurs, depuis le mois de septembre, Visual Studio Code est le projet open source sur GitHub ayant le plus d’utilisateurs mensuels actifs, d’après le baromètre OSS Metrics.

Comme les mois précédents, Microsoft vient de publier une nouvelle version de son éditeur de code – VS Code 1.8 - qui apporte également son lot de nouveautés. On peut citer entre autres les points suivants :

Hot Exit

Hot Exit est une 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, c’est le cas par exemple lorsque toutes les instances VS Code se ferment. Si vous lancez l’éditeur après qu’une Hot Exit s'est produite, vos espaces de travail et fichiers seront restaurés. Cette fonctionnalité vient aussi avec la possibilité de restaurer vos fichiers après un crash de Visual Studio Code, et dans ce cas, peu importe que Hot Exit soit activé ou non.

Mode Zen

Visual Studio Code 1.8 introduit certaines améliorations pour permettre aux développeurs de mieux sur concentrer sur l’écriture de code. Parmi ces améliorations, on note l’arrivée du mode Zen déjà disponible sur les éditeurs concurrents comme Atom, mais également sur 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. Le mode Zen peut être activé à l'aide du menu de vues, de la palette de commandes ou du raccourci Ctrl + K Z. il faut également noter qu’il est possible de désactiver le mode plein écran pour ceux qui le désirent. Appuyer deux fois sur la touche Échap permet aussi de quitter le mode Zen.

Barre d’activité configurable

Sur la barre d'activité s’affichent les icônes des différentes vues de VS Code. Elle permet de aussi de basculer rapidement entre les vues et afficher des informations sur une vue. Dans Visual Studio Code 1.8, Microsoft ajoute plusieurs nouvelles fonctionnalités à la barre d’activité pour améliorer l’expérience utilisateur et la productivité.

Tout d'abord, il est désormais possible de réorganiser les vues en utilisant le glisser-déposer. L'ordre est alors conservé et restauré à chaque redémarrage de VS Code. Il également maintenant possible de supprimer des vues de la barre d'activité à l'aide du menu contextuel de la barre d’activité elle-même ou à partir de la vue particulière à supprimer.


Un nouveau paramètre vous permet encore de masquer la barre d'activité. Il faut également noter que si la fenêtre devient assez petite pour que toutes les icônes des vues puissent être affichées, une nouvelle liste déroulante permet d'afficher les différentes vues.



De nombreuses autres améliorations

Les nouveautés et améliorations introduites dans cette version de VS Code ne s’arrêtent pas là. On peut encore citer de manière non exhaustive :

  • des améliorations dans les paramètres pour offrir une nouvelle expérience de configuration de Visual Studio Code ;

  • un nouveau menu Sélection pour découvrir et utiliser plus facilement les commandes de sélection de l'éditeur. Le nouveau menu Sélection ajouté à la barre de menu donne accès aux actions de sélection et de sélection multiple les plus courantes ;


  • des recherches de texte plus rapides. Il sera désormais plus rapide de trouver le code que vous recherchez, peu importe la taille de votre projet. Microsoft a en effet amélioré les performances de la recherche de texte en exécutant le code de recherche dans plusieurs processus en parallèle. Cela devrait donc permettre aux recherches d’être effectuées beaucoup plus rapidement, surtout dans les grands espaces de travail ;

  • IntelliSense JavaScript dans HTML. Visual Studio Code 1.8 offre une prise en charge complète du langage JavaScript dans les fichiers HTML ;


  • l’éditeur de code de Microsoft se met à jour vers TypeScript 2.1.


Télécharger Visual Studio Code 1.8

Sources : Blog Visual Studio Code, OSS Metrics

Et vous ?

Quelles nouveautés appréciez-vous le plus ?
Quelles sont vos attentes pour les prochaines versions ?
Avatar de gstratege gstratege - Membre habitué https://www.developpez.com
le 16/12/2016 à 10:35
Si seulement ils améliorent l'utilisation de git en parcourant les anciennes versions...
Avatar de mijdrol mijdrol - Membre à l'essai https://www.developpez.com
le 23/12/2016 à 10:16
Si ils amélioraient les perfs ça pourrait concurrencer un vim.
Avatar de Michael Guilloux Michael Guilloux - Chroniqueur Actualités https://www.developpez.com
le 02/03/2017 à 21:21
Visual Studio Code 1.10 disponible
avec la fonctionnalité Minimap de Sublime Text, la copie de texte avec mise en forme et plus encore

Microsoft vient de publier une nouvelle mise à jour de son éditeur de code open source Visual Studio Code : la version 1.10. L’éditeur de code gagne rapidement en maturité au point où ses mises à jour mensuelles sont suivies par un nombre croissant de développeurs ; certains l’ayant déjà adopté et d’autres attendant le bon moment pour l’adopter finalement.

Comme les versions précédentes, Visual Studio Code 1.10 a son lot de nouveautés. Pour ne citer que celles qui nous semblent les plus intéressantes, on peut mettre en avant la fonctionnalité Minimap de l’éditeur Sublime Text. Comme le montre l’animation suivante, elle permet de visualiser l’ensemble d’un fichier sur une barre latérale. Intéressante quand on traite des fichiers avec plusieurs centaines de lignes, la fonctionnalité Minimap vous donne un aperçu « de haut niveau » de votre code, utile pour une navigation rapide et la compréhension de votre code. editor.minimap.enabled:true vous permet d’activer Minimap dans VS Code 1.10, pour le fichier en cours.


Encore au stade de préversion, Minimap a encore besoin d’être enrichie ; ce que Microsoft compte faire à l’avenir. Il s’agit pour plusieurs développeurs de la fonctionnalité la plus attendue.

Pour améliorer l’expérience utilisateur, Visual Studio Code permet désormais de glisser et déposer un texte sélectionné dans l’éditeur, à l’aide de la souris. Il s’agit également d’une fonctionnalité en préversion. Elle est désactivée par défaut, mais vous pouvez l'activer en paramétrant editor.dragAndDrop à true. Pour le moment, le glisser-déposer entre éditeurs ou différentes applications n’est pas pris en charge.


Avec Visual Studio Code 1.10, il est également possible de copier un texte avec la mise en forme. Cette option peut être très utile lorsque vous voulez copier des bouts de code dans une autre application, par exemple dans une application de messagerie. Le contenu collé dans l'application a toujours la même mise en forme et coloration.


La nouvelle version de Visual Studio Code permet encore de générer automatiquement des commentaires JSDoc pour vos fonctions. Pour ce faire, il suffit de taper /**. Visual Studio Code va désormais fournir un modèle de commentaire JSDoc pour les fonctions JavaScript et TypeScript. Pour information, JSDoc est un langage de balisage utilisé pour documenter les codes sources JavaScript.


Parmi les nouveautés dans cette version, on peut également noter qu’il est désormais possible de lier un raccourci clavier à n’importe quelle tâche dans Visual Studio Code. Il peut en effet être très utile d’attribuer des raccourcis clavier à des tâches que vous effectuez couramment. L’exemple suivant permet de lier le raccourci Ctrl+h à la tâche nommée tsc.

Code : Sélectionner tout
1
2
3
4
5
6
 
{
    "key": "ctrl+h",
    "command": "workbench.action.tasks.runTask",
    "args": "tsc"
}
Visual Studio Code 1.10 apporte bien d’autres nouveautés présentées sur le blog officiel de l’éditeur de code. Ces fonctionnalités, qui viennent s’ajouter à celles qui ont débarqué dans VS Code lors des précédentes mises à jour, rendent l’éditeur de code de Microsoft encore plus robuste ; une raison de plus pour les développeurs de s’y intéresser.

Téléchargez Visual Studio Code 1.10

Source : Blog Visual Studio Code

Avez-vous finalement adopté VS Code comme votre éditeur de code préféré ?
Si oui, pourquoi ? Et quels éditeurs de texte utilisiez-vous avant ?
Sinon, qu'est-ce qui vous retient ? Quels éditeurs de texte utilisez-vous ?

Voir aussi :

Un développeur propose un test comparatif des performances de Sublime Text, Visual Studio Code et Atom, que pensez-vous de sa méthodologie ?
Visual Studio Code 1.8 disponible, avec le mode Zen pour écrire son code sans distraction et d'autres améliorations pour la productivité et l'UX
Avatar de Jarodd Jarodd - Membre expérimenté https://www.developpez.com
le 03/03/2017 à 9:35
J'aime bien VSC, mais il a des défauts qui me hérissent le poil, notamment le formatage (notamment php), qui devient n'imorte quoi quand on a le malheur de faire Ctrl + S (heureusement il y a le save auto, mais parfois par réflexe je sauvegarde manuellement). Et parfois (en JS), j'écris un tableau sur une ligne, et paf il reformate n'importe comment, en mettant les valeurs en dessous, pas indentées. Je remet en place, et ça recommence, indéfiniment. Je n'ai pas trouvé le moyen de supprimer ce comportement.

A part ça, il est assez léger et intuitif à utiliser, j'aime bien.
Avatar de Kenshineuh Kenshineuh - Futur Membre du Club https://www.developpez.com
le 03/03/2017 à 10:13
Citation Envoyé par Jarodd Voir le message
J'aime bien VSC, mais il a des défauts qui me hérissent le poil, notamment le formatage (notamment php), qui devient n'imorte quoi quand on a le malheur de faire Ctrl + S (heureusement il y a le save auto, mais parfois par réflexe je sauvegarde manuellement). Et parfois (en JS), j'écris un tableau sur une ligne, et paf il reformate n'importe comment, en mettant les valeurs en dessous, pas indentées. Je remet en place, et ça recommence, indéfiniment. Je n'ai pas trouvé le moyen de supprimer ce comportement.

A part ça, il est assez léger et intuitif à utiliser, j'aime bien.
C'est pas le comportement par défaut normalement.
Regarde dans les paramètres et les options "editor.formatOnSave" etc...

J'aime bien VSC sinon, je l'utilise de plus en plus pour des projets JS ou NodeJS surtout avec intellisense.
Et puis plus fluide que mon IntelliJ pour de petits projets.
Avatar de Jarodd Jarodd - Membre expérimenté https://www.developpez.com
le 03/03/2017 à 10:26
J'ai bien "editor.formatOnSave": true mais le problème n'est pas cette option, c'est plutôt que le formatage est moisi ! Je mettrai false et je le demanderai manuellement, il serait tout aussi mauvais.
Avatar de xarkam xarkam - Membre confirmé https://www.developpez.com
le 03/03/2017 à 15:01
Citation Envoyé par Jarodd Voir le message
J'ai bien "editor.formatOnSave": true mais le problème n'est pas cette option, c'est plutôt que le formatage est moisi ! Je mettrai false et je le demanderai manuellement, il serait tout aussi mauvais.
Je ne fait pas de php, mais as-tu essayé avec l'extension PHP Formatter ?
Avatar de Jarodd Jarodd - Membre expérimenté https://www.developpez.com
le 03/03/2017 à 15:43
Je vais la tester
Avatar de zobal zobal - Membre confirmé https://www.developpez.com
le 03/03/2017 à 22:21
Citation Envoyé par Michael Guilloux Voir le message
Avez-vous finalement adopté VS Code comme votre éditeur de code préféré ?
Si oui, pourquoi ? Et quels éditeurs de texte utilisiez-vous avant ?
Sinon, qu'est-ce qui vous retient ? Quels éditeurs de texte utilisez-vous ?
lol

J'utilise vim avec quelques plugins et une config aux petits oignons. Pourquoi je me ferais ch... à changer pour un logiciel plus lourd, infiniment moins puissant et en plus développé par une boite qui a quand même un gros passif niveau enfumage du monde... ?
Contacter le responsable de la rubrique Accueil