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

137PARTAGES

6  0 
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é

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

Avatar de Mickael_Istria
Membre émérite https://www.developpez.com
Le 06/03/2017 à 15:32
Citation Envoyé par zobal Voir le message
J'utilise vim avec quelques plugins et une config aux petits oignons.
Combien de temps ca t'a coute de faire ta config aux petits oignons? La simplicite de demarrage est l'une des choses les plus importantes pour beaucoup d'utilisateurs. Le scenario a base de vim n'est clairement pas le meilleur pour eux.

infiniment moins puissant
La, il faut justifier. VSCode est un IDE, qui dit IDE dit completion, documentation contextuelle, rapport d'erreurs, debug, recherche "semantique"... Tout ca vient avec le cout de la lourdeur, mais pour beaucoup d'utilisateurs, c'est vraiment rentable. Perso, tu me feras jamais coder un projet entier dans un pauvre editeur sans debugger. J'adore vim, mais au dela de la simple edition de fichier, des que tu arrives vraiment dans un code complexe, il te faut plus qu'un simple editeur.

et en plus développé par une boite qui a quand même un gros passif niveau enfumage du monde... ?
Les mecs qui font VSCode sont des anciens developpeurs d'Eclipse IDE, ils ont bosse en open-source la plupart de leur temps et meme construit un partie des modeles OSS actuels il y a 15 ans quand Eclipse est devenu OSS. Ils ont mis VSCode en OSS et contribuent des protocoles ouverts pour l'interoperabilite de tous les IDE/langages. Ils pourraient donner des lecons a la plupart des developpeurs a ce sujet. Je ne pense pas que c'est un sujet sur lequel on peut attaquer VSCode.
4  0 
Avatar de 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.
1  0 
Avatar de xarkam
Membre confirmé https://www.developpez.com
Le 07/03/2017 à 14:51
Citation Envoyé par Mickael_Istria Voir le message
Hum, non, code::blocks ou netbeans mais pas eclipse

Je ne doute pas des qualités d'eclipse qui s'améliore avec le temps, mais lui et moi avons un passif ^^

Mais bon, j'ai des licences jetbrains et leur ide font un café à mon gout
1  0 
Avatar de Mickael_Istria
Membre émérite https://www.developpez.com
Le 10/06/2017 à 11:02
Citation Envoyé par sitexw Voir le message
Je ne comprends pas pourquoi il n'y a pas un système qui compte le nombre de fois que l'on sélectionne une proposition et la prochaine fois l'afficher en première, car elle a un nombre de sélection plus élevé que les autres.
Et en plus, c'est loin d'être un cas à part ("pa"=>"pad" au lieu de "padding", "di"=> "direction" au lieu de "display", ...)
C'est un project OSS, ouvre un bug et tu auras surement soit ta reponse, soit un patch.
1  0 
Avatar de Beginner.
Membre chevronné https://www.developpez.com
Le 03/08/2017 à 22:41
Salut,

Je débute avec VSCode (pour JS/HTML/CSS)...

- Il y a plusieurs choses qui sont vraiment biens (auto-complétion avancée, references, rename, go to definition, le type au survol de la souris...)...

Tout ce qui est présent à la base finalement car les extensions par contre c'est une autre histoire, c'est rebutant, ça peut dégouter un débutant car on peut passer beaucoup de temps à comprendre comment ils fonctionnent et il faut parfois les configurer...

A cause de ça ce genre d'outils peut décourager quelqu'un qui débute, qui veut apprendre un langage car une telle personne a besoin de se concentrer sur le langage lui-même et l'outil doit l'assister mais si il faut pour ça passer beaucoup de temps à apprendre le fonctionnement et la configuration des extensions alors cela nous détourne de l'objectif premier...

Alors avec ce genre d'outils il vaut mieux être averti...

----> Ce qui aurait été bien pour un débutant qui veut apprendre JS/HTML/CSS c'est que tout ce qui est nécessaire pour bien travailler soit déjà installé... Genre j'arrive, je tape du code et tout de suite j'ai le résultat ou peut-être éventuellement je clique sur un bouton "start" mais seulement la première fois et non à chaque fois que je fais une modif...

C'est par exemple ce qu'on a avec JS Bin : copier/coller du code et tout de suite le résultat sans même cliquer sur un bouton et si on fait un changement pareil on voit tout de suite le résultat et cela dans les trois langages html/CSS/JS !

Par contre évidement on n'a pas l'assistance efficace et agréable qu'apporte VSCode...

Ce serait bien : JS Bin + VSCode le tout en un...
1  0 
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 
Contacter le responsable de la rubrique Accueil

Partenaire : Hébergement Web