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

Le , par Michael Guilloux, Chroniqueur Actualités
Conformément à sa tradition, l’équipe de Visual Studio Code vient de publier une nouvelle mise à jour mensuelle : la version 1.22. Dans cette version, comme dans les dernières mises à jour, Microsoft met beaucoup plus l'accent sur des améliorations pour la productivité, la performance et l’expérience utilisateur plutôt que sur l’ajout de fonctionnalités majeures. VS Code 1.22 introduit quand même quelques petites fonctionnalités intéressantes. Parmi les plus importantes, on peut citer le pliage de code basé sur la syntaxe du langage.

Cette nouvelle version de VS Code améliore le pliage de code pour les fichiers CSS, HTML, JSON et Markdown. Pour information, le pliage de code est une fonctionnalité présente dans certains éditeurs de code et IDE, qui permet à l'utilisateur de masquer et d'afficher des sections d'un fichier en cours d'édition. Cela permet à l'utilisateur de gérer de nombreuses lignes de code en visualisant uniquement les sous-sections qui l'intéressent à un moment donné.

Jusqu'à présent, le pliage de code dans VS Code s'effectue selon l'indentation. C'est-à-dire que l'éditeur se base sur les ajouts de tabulations ou d'espaces pour déterminer les endroits auxquels le code doit être plié. Mais dans Visual Studio Code 1.22, le pliage de code en HTML, JSON, Markdown, CSS, LESS et SCSS s'effectue désormais en fonction de la syntaxe du langage.


Pliage de code HTML basé sur la syntaxe du langage

Le pliage basé sur la syntaxe n'est que le comportement par défaut. Il est donc toujours possible d'activer l'ancien comportement. Si vous préférez revenir au pliage basé sur l'indentation pour l'une (ou toutes) les langues citées ici, vous devez utiliser :

Code : Sélectionner tout
1
2
3
  "[html]": {
    "editor.foldingStrategy": "indentation"
  },
La prise en charge de TypeScript et JavaScript, pour le pliage de code basé sur la syntaxe, est également disponible, et peut être activée par le paramètre "typescript.experimental.syntaxFolding": true.

VS Code permet aussi d'attacher automatiquement le débogueur Node aux processus Node.js en cours d'exécution. Une première version d'une nouvelle fonctionnalité Auto Attach a en effet été ajoutée au débogueur Node.js de VS Code. Lorsqu'elle est activée, le débogueur Node est automatiquement attaché aux processus Node.js qui ont été lancés en mode débogage depuis le terminal intégré de VS Code.

On retiendra en plus une amélioration du support des fichiers volumineux dans VS Code 1.22. Avant cette version, lorsque vous ouvrez un gros fichier (environ 2 Go) dans l'éditeur, vous êtes invité à relancer VS Code depuis la ligne de commande avec le flag --max-memory=NEWSIZE. Désormais, quand vous essayez d'ouvrir un fichier qui demande plus de mémoire que ce que l'application est autorisée à utiliser, une nouvelle notification va vous permettre de le relancer rapidement avec plus de mémoire disponible pour l'application. La mémoire maximale disponible après que le fichier est relancé est configurable avec un nouveau paramètre files.maxMemoryForLargeFilesMB et est par défaut égale à 4 Go.


La mise en évidence de la syntaxe dans les fichiers volumineux est également bien plus rapide dans VS Code 1.22 que dans les versions précédentes, comme vous pouvez le voir ci-dessous.


À gauche VS Code 1.21, et à droite VS Code 1.22

En autres nouveautés et améliorations, on note encore une meilleure prise en charge des liens multilignes dans le terminal : les chemins et URL qui s'étendent sur plusieurs lignes fonctionneront désormais comme des liens. Cette version inclut également les premiers travaux de VS Code pour l'implémentation des logpoints, une variante des points d'arrêts, mais qui n'arrêtent pas l'exécution de l’application lorsqu'ils sont atteints. Ils sont actuellement pris en charge par le débogueur intégré Node.js de VS Code, mais Microsoft prévoit de les supporter bientôt dans d'autres extensions de débogage.

VS Code 1.22 apporte aussi des améliorations pour les mises à jour sur Windows. Microsoft a déployé des mises à jour automatiques en arrière-plan pour les testeurs sur Windows depuis un certain temps, et a maintenant décidé de permettre à tout le monde de bénéficier de cette fonctionnalité. Le processus de mise à jour le plus long s'effectue maintenant en arrière-plan, pour vous permettre de continuer votre travail. Quand il est terminé, il vous sera proposé d'appliquer la mise à jour finale, qui est une étape beaucoup plus courte. Vous pourrez toutefois désactiver cette fonctionnalité en utilisant le paramètre de configuration update.enableWindowsBackgroundUpdates, au cas où vous aimeriez continuer comme avant ou si vous avez des problèmes avec la nouvelle procédure de mise à jour sur votre machine.

Vous trouverez une liste plus exhaustive des nouveautés de VS Code 1.22 sur le site officiel de l'éditeur de code. Pour les versions à venir, il est quand même important de souligner que Microsoft explore l'intégration d'Electron 2.0.0 dans VS Code. Cette version majeure du framework de développement d'applications de bureau multiplateformes est basée sur Chrome 61 et Node.js 8.x. Pour Microsoft, c'est donc une grande évolution par rapport à la version d'Electron actuellement prise en charge par VS Code ; laquelle est basée sur Chrome 58 et Node.js 7.x. VS Code va donc bénéficier de nombreux avantages en passant à Electron 2.0.0.

Télécharger Visual Studio Code 1.22

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 ?

Voir aussi :

Microsoft publie la deuxième préversion de Visual Studio 2017 version 15.7, la prochaine mise à jour mineure de son EDI
Microsoft annonce la disponibilité de Visual Studio 2017 15.6, qui s'accompagne d'une série de nouveautés et d'améliorations


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


 Poster une réponse Signaler un problème

Avatar de Patrick Ruiz Patrick Ruiz - Chroniqueur Actualités https://www.developpez.com
le 04/05/2018 à 11:12
Visual Studio Code 1.23 est disponible
Tour d’horizon des nouveautés dans l’éditeur de code open source et multiplateformes de Microsoft

Nouveau mois et nouvelle mise à jour de Visual Studio Code. L’April release 2018 (la version 1.23) de l’éditeur de code open source et multiplateformes de Microsoft est disponible conformément au rythme de publication mensuel adopté par la firme de Redmond. Tour d’horizon des fonctionnalités ...

On entame l’odyssée dans les fonctionnalités de Visual Studio Code avec le moins bon ou ce qui manque encore à l’éditeur. Des utilisateurs font état des difficultés rencontrées pour sélectionner une colonne de texte – disponible dans un fichier ouvert avec l’éditeur – et la coller telle quelle dans une nouvelle fenêtre d’édition. Dans l’exemple qui suit, la copie de la colonne de données numéro 2 débouche sur l’apparition du contenu de la colonne 1 après collage.


Il y a aussi qu’à date, des raccourcis clavier permettant d’accéder à des menus de la version Windows de l’éditeur poseraient problème. Les bogues dans cette catégorie sont rapportés sur GitHub depuis 2016 au moins. Le cas de la combinaison Alt+F+S – utilisée pour la sauvegarde d’un fichier en cours d’édition – fait partie des cas cités et la situation résulterait d’un souci avec Electron, le framework sur lequel Visual Studio Code est basé.

Il s’agit là de ce qu’on peut considérer comme des poussières en comparaison aux nombreuses améliorations et nouveautés dont Microsoft dote son éditeur à chacune des sorties. Comme nouveauté, Visual Studio Code 1.23 intègre un explorateur de scripts npm. L’ajout est destiné aux développeurs désireux de retrouver, lancer et déboguer les scripts définis au sein de l’espace de travail.


Dans la vague des améliorations, Microsoft annonce des plus dans le processus de clonage des dépôts Git. D’après ce que rapporte la firme de Redmond, l’utilisateur pourra choisir d’ouvrir directement le dépôt à cloner ou l’ajouter à son espace de travail au travers d’une invite. En sus, Visual Studio Code 1.23 est conçu pour fournir de meilleurs rapports de l’état d’avancement de l’opération en s’appuyant sur une nouvelle API. Il faudra également compter avec des facilités dans le cadre du partage ou de l’exportation des résultats de recherche puisque l’éditeur se dote des options Copy, Copy Path et Copy All.

Pour revenir à la partie la plus visible de l’iceberg, c’est-à-dire, aux changements directement visibles lors de l’édition du code, il faut dire que Visual Studio Code 1.23 étend les possibilités de pliage du code CSS. Dans la version 1.22 de l’éditeur, Microsoft est revenu sur cette fonctionnalité qui permet de masquer et d'afficher des sections d'un fichier en cours d'édition pour que l’utilisateur visualise uniquement les sous-sections de code qui l'intéressent à un moment donné. L’éditeur de logiciels introduisait alors le pliage de code basé sur la syntaxe comme comportement par défaut de l’éditeur – avec la possibilité de revenir à celui basé sur l’indentation. La version 1.23 pour sa part introduit de nouveaux marqueurs de « régions de code CSS » ( /* #region */, /* #endregion */, // #region et // #endregion ) qui, une fois inscrits au sein du code, permettent de masquer ou dérouler une section.


Bien entendu, il s’agit d’un très bref aperçu de ce que cette release a dans le ventre. Pour une liste plus exhaustive des nouveautés de VS Code 1.23 se référer aux notes de version fournies par l'éditeur de logiciels.

Sources : Notes de version, signalement de bogue 2016, signalement du bogue de copie des colonnes

Et vous ?

Qu’en pensez-vous ?

Avez-vous expérimenté des difficultés avec les raccourcis clavier ou la copie de colonnes comme rapporté par ces autres utilisateurs ?

Quelles sont les fonctionnalités que vous attendiez le plus et qui débarquent enfin dans cette version ?

Voir aussi :

Microsoft publie la deuxième préversion de Visual Studio 2017 version 15.7, la prochaine mise à jour mineure de son EDI

Microsoft annonce la disponibilité de Visual Studio 2017 15.6, qui s'accompagne d'une série de nouveautés et d'améliorations
Avatar de Michael Guilloux Michael Guilloux - Chroniqueur Actualités https://www.developpez.com
le 07/06/2018 à 16:44
Visual Studio Code 1.24 est disponible
un aperçu des nouveautés dans l'éditeur de code open source et multiplateforme de Microsoft

Conformément à sa tradition, l’équipe de Visual Studio Code vient de publier une nouvelle mise à jour mensuelle : la version 1.24, qui embarque toutes les améliorations introduites au mois de mai 2018. Vous noterez dans cette version plusieurs nouvelles fonctionnalités disponibles en préversion, entre autres nouveautés.

L'une des principales nouveautés présentées par Microsoft est la détection des variables inutilisées dans vos fichiers TypeScript et JavaScript. Dans VS Code 1.24, les variables, paramètres et importations qui ne sont pas utilisés seront désormais grisés dans vos projets TypeScript et JavaScript. Vous pourrez alors utiliser la fonctionnalité Quick Fix pour les supprimer et nettoyer votre code automatiquement. La détection des variables inutilisées peut toutefois être désactivée avec "javascript.showUnused": false et "typescript.showUnused": false selon le langage que vous utilisez.


La constante 'Strength' n'est pas utilisée et est donc grisée.
Utilisation de Quick Fix pour supprimer toutes les déclarations non utilisées.

VS Code 1.24 permet également de déplacer rapidement des classes et fonctions dans leurs propres fichiers, grâce à un nouveau refactoring "Déplacer vers un nouveau fichier" pour JavaScript et TypeScript. Les images suivantes permettent d'illustrer cette fonctionnalité.

Avant le refactoring :


Après l'application du refactoring :


Avec cette nouvelle version, l'éditeur de code open source de Microsoft permet désormais de mettre à jour automatiquement les chemins d'importation en JavaScript et TypeScript lorsqu'un fichier est déplacé ou renommé. Cette fonctionnalité nécessite TypeScript 2.9. Par défaut, VS Code vous demandera s'il peut mettre à jour les chemins. Vous pouvez contrôler le comportement de cette fonctionnalité avec les paramètres javascript.updateImportsOnFileMove.enabled et typescript.updateImportsOnFileMove.enabled.

Les valeurs valides sont :
  • "prompt" - la valeur par défaut où VS Code vous demande si les chemins doivent être mis à jour ;
  • "always" - ici, VS Code fait toujours la mise à jour automatique des chemins d'importation ;
  • "never" - avec cette valeur, VS Code ne va jamais mettre à jour les chemins automatiquement et ne va pas non plus vous le suggérer.

Pour vous assurer que tous les chemins sont mis à jour comme prévu, vous devez vous assurer que votre projet inclut un fichier jsconfig.json ou tsconfig.json.

Comme autre nouveauté, on notera la possibilité de dupliquer l'espace de travail dans une nouvelle fenêtre, grâce à une nouvelle commande "Dupliquer l'espace de travail dans une nouvelle fenêtre". Actuellement, un espace de travail ne peut pas être ouvert dans deux fenêtres. La nouvelle commande peut donc être utilisée comme une solution de contournement à cette limitation. Microsoft précise que la solution de contournement fonctionne mieux lorsque vous avez le paramètre files.autoSave défini sur afterDelay, onFocusChange ou onWindowChange. De cette manière, les documents de l'éditeur seront synchronisés via le système de fichiers lorsque le même document sera ouvert dans différentes fenêtres.

Avec cet ajout, la commande "Open Folder as Workspace in New Window" devient obsolète. Microsoft prévoit donc de la supprimer dans la prochaine version de Visual Studio Code.

Parmi les autres fonctionnalités, on peut encore souligner le support d'IntelliSense pour les variables prédéfinies. VS Code 1.24 fait en effet des suggestions IntelliSense de variables dans les fichiers de configuration tasks.json et launch.json.

Comme nous l'avons également dit dès le départ, VS Code 1.24 débarque avec plusieurs nouvelles fonctionnalités en préversion. Parmi les plus importantes, on peut citer une nouvelle interface graphique pour découvrir et modifier les paramètres de Visual Studio Code. Il s'agit d'une fonctionnalité qui a été très demandée depuis longtemps.

Dans cette version, Microsoft a également commencé à travailler sur des emplacements alternatifs pour la barre d'outils de débogage. Dans un premier temps, la firme a introduit un nouveau paramètre debug.toolBarLocation et propose maintenant une barre d'outils de débogage « ancrée », en plus de l'ancienne barre d'outils « flottante ».


Barre d'outils de débogage

Lorsque la barre d'outils de débogage est ancrée, les actions de débogage apparaissent en haut de la vue Débogage lorsqu'une session de débogage démarre (et elles cachent le menu déroulant de configuration du débogage). Microsoft teste encore cette nouvelle expérience de barre d'outils, vous pouvez donc vous attendre à plus de changements dans les prochaines versions.

Il s'agit ici d'une liste non exhaustive des nouveautés de Visual Studio Code. Vous trouverez plus d'informations sur le site officiel de VS Code.

Télécharger Visual Studio Code 1.24

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 ?

Voir aussi :

Microsoft parle déjà de Visual Studio 2019, l'entreprise dévoile ses objectifs pour la prochaine version majeure de son EDI
La deuxième préversion de Microsoft Visual Studio 2017 version 15.8 est disponible : voici l'essentiel des nouveautés qu'elle apporte
Microsoft annonce la disponibilité de Visual Studio 2017 version 15.7 : un tour d'horizon des nouveautés de l'EDI
Feuille de route de Visual Studio 2017 : Microsoft donne un aperçu des prochaines fonctionnalités pour les deuxième et troisième trimestres 2018
Visual Studio Code 1.23 est disponible : tour d'horizon des nouveautés dans l'éditeur de code open source et multiplateformes de Microsoft
Avatar de Patrick Ruiz Patrick Ruiz - Chroniqueur Actualités https://www.developpez.com
le 06/07/2018 à 13:15
Visual Studio Code 1.25 est disponible :
Tour d’horizon des nouveautés dans l’éditeur de code open source et multiplateforme

Nouveau mois et nouvelle version de l’éditeur de code open source et multiplateforme de Microsoft. Conformément au cycle de publication mensuel adopté par la firme de Redmond, Visual Studio Code 1.25 est disponible.

En mai, le géant technologique a annoncé l’introduction de quatre nouvelles fonctionnalités en préversion. Il déclare désormais trois d’entre elles comme étant stables (la liste dans le visuel qui suit). Retour particulier sur la barre d’outils de débogage flottante (qui précède la version ancrée introduite le mois précédent) : Microsoft a procédé à un changement à ce propos. Pour coller aux desiderata des développeurs, la barre est désormais visible quelle que soit la vue active de l’éditeur.

Barre d'outils de débogage flottante (toujours visible)


ouverture des zones d’édition horizontales et verticales


Il faut noter à propos de cette fonctionnalité que des configurations prédéfinies sont disponibles. Sur l’illustration qui précède, celle accessible via le choix Grid permet de disposer de 4 zones d’édition en même temps. Cette release intègre également des commandes clavier permettant de définir la disposition désirée des zones d’édition. En sus, il y a la possibilité de s’appuyer sur un simple glisser-déposer pour atteindre le même objectif.


L’interface graphique dédiée aux réglages des paramètres utilisateur et de l’espace de travail reste en préversion. Il est tout de même possible de l’essayer en faisant usage de la commande réservée cet effet par le géant technologique. Des visuels de ce à quoi les utilisateurs pourront pleinement profiter lors du passage en version stable sont disponibles depuis le mois de mai.


On poursuit avec les nouveautés qui concernent l’édition de code à proprement parler. Microsoft a procédé à l’introduction d’une fonctionnalité de prise en charge des parties d’un mot au sein d’un bloc de code. Le géant technologique a introduit six commandes clavier utiles pour un type particulier de navigation. Concrètement, si l’on fait usage d’une constante comme Vitesse_De_La_Lumière dans une section de code, il est possible de se positionner rapidement sur chacune de ses parties (les majuscules et les traits de 8 assurent la délimitation). Il faut noter qu’il existe des extensions disponibles en téléchargement pour atteindre les mêmes objectifs.


Liste complète des commandes fournies :

Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
12
{ "key": "ctrl+alt+right",       "command": "cursorWordPartRight",
                                     "when": "textInputFocus" },
{ "key": "ctrl+shift+alt+right", "command": "cursorWordPartRightSelect",
                                     "when": "textInputFocus" },
{ "key": "ctrl+alt+left",        "command": "cursorWordPartStartLeft",
                                     "when": "textInputFocus" },
{ "key": "ctrl+shift+alt+left",  "command": "cursorWordPartStartLeftSelect",
                                     "when": "textInputFocus" },
{ "key": "ctrl+alt+backspace",   "command": "deleteWordPartLeft",
                                    "when": "textInputFocus && !editorReadonly" },
{ "key": "ctrl+alt+delete",      "command": "deleteWordPartRight",
                                    "when": "textInputFocus && !editorReadonly" },

Visual Studio Code 1.25 vient aussi avec de la documentation additionnelle, mais uniquement pour les développeurs intéressés par la possibilité de faire usage de Python. Un tutoriel de démarrage avec Flask est disponible.

Il s'agit ici d'une liste non exhaustive des nouveautés de l’éditeur de code open source et multiplateforme de Microsoft. Plus d’informations sur le site officiel de l’éditeur.

Source : Notes de version

Et vous ?

Faites-vous usage de cet éditeur de code ? Que pensez-vous de ces nouveautés ?
Lesquelles appréciez-vous le plus ? Et quelles sont celles qui manquent encore à l’appel ?

Voir aussi :

Microsoft parle déjà de Visual Studio 2019, l'entreprise dévoile ses objectifs pour la prochaine version majeure de son EDI
La deuxième préversion de Microsoft Visual Studio 2017 version 15.8 est disponible : voici l'essentiel des nouveautés qu'elle apporte
Microsoft annonce la disponibilité de Visual Studio 2017 version 15.7 : un tour d'horizon des nouveautés de l'EDI
Feuille de route de Visual Studio 2017 : Microsoft donne un aperçu des prochaines fonctionnalités pour les deuxième et troisième trimestres 2018
Visual Studio Code 1.23 est disponible : tour d'horizon des nouveautés dans l'éditeur de code open source et multiplateformes de Microsoft
Avatar de twoitipoints twoitipoints - Membre à l'essai https://www.developpez.com
le 06/07/2018 à 18:59
Vraiment le meilleur pour moi actuellement.
Avatar de Coriolan Coriolan - Chroniqueur Actualités https://www.developpez.com
le 14/08/2018 à 11:19
Visual Studio Code 1.26 est disponible
Avec de petites nouveautés pour faciliter la vie aux développeurs

Conformément au cycle de publication mensuel, Microsoft a annoncé la disponibilité d’une nouvelle version de Visual Studio Code, son éditeur de code open source et multiplateforme. Cette version 1.26 embarque une panoplie d’améliorations introduites au mois de juillet 2018.

Breadcrumbs

Les utilisateurs devront apprécier l’arrivée d’un fil d’ariane (Breadcrumbs) qui permet de passer d’un fichier à un autre dans votre espace de travail. L’éditeur a désormais une barre de navigation au-dessus du contenu. Elle affiche la localisation actuelle et permet de naviguer rapidement entre symboles et fichiers. Pour activer cette barre, il suffit de passer par la commande View > Toggle Breadcrumbs ou par le réglage breadcrumbs.enabled.

En cas de l’utilisation d’onglets, ce fil d’ariane est affiché dans une ligne séparée sous le titre de l’éditeur. Si vous n’utilisez pas les onglets, le fil d’ariane est affiché en tant que chemin de fichier interactif à côté du titre.


Breadcrumbs affiche toujours le chemin de fichier. Son apparence peut être personnalisée. Si vous avez des chemins très longs ou que vous êtes intéressés seulement par les chemins de fichier ou les chemins de symbole, vous pouvez utiliser les réglages breadcrumbs.filepath et breadcrumbs.symbolPath. Les deux supportent on, off et last et permettent de définir quelle partie du chemin vous êtes en train de voir.


Pour interagir avec le fil d’ariane, utilisez la commande Focus Breadcrumbs ou tapez Ctrl+Shift+.. Elle va sélectionner le dernier élément et ouvrir un menu défilant qui permet de naviguer vers un fichier ou symbole fraternel. Utilisez les raccourcis clavier Gauche ou Droite pour aller vers les éléments avant et après chaque élément actuel. Quand le menu défilant apparait, il suffit de commencer la saisie, tous les éléments correspondants seront soulignés et le meilleur élément sera sélectionné pour la navigation rapide.

Quick Fixes dans le panneau Problèmes


Une autre nouveauté notable concerne la fonctionnalité Quick Fixes qui permet désormais d’appliquer des corrections à la volée au moment de la vérification des messages d’alerte et d’erreurs. Une lampe indiquant les Quick Fixes apparait lorsque vous passez le curseur ou sélectionnez une entrée d’un problème. Quick Fixes peut être appliqué en cliquant sur la lampe ou bien en ouvrant le menu contextuel du problème.

Grid : restauration rapide des éditeurs minimisés

Cette nouvelle version de VS Code rétablit une fonctionnalité qui permet de maximiser rapidement la taille des éditeurs quand vous portez votre attention sur eux et qu’ils sont minimisés. Cette fonctionnalité fonctionne désormais comme auparavant :


Décorations des ressources fichiers

Les vues personnalisées montrant les fichiers ressources affichent désormais des décorations fichiers (Git, problèmes). Vous pouvez les désactiver en utilisant les réglages explorer.decorations.colors et explorer.decoration.badges, ces régalées prennent effet dans l’explorateur fichier, les éditeurs ouverts et Custom views (vues personnalisées).


Exécuter des scripts npm à partir de package.json


Il est désormais possible d’exécuter un script npm dans un fichier package.json rien qu’en pointant le curseur de la souris ou bien à partir du menu contextuel.

Ouverture d’URI en tant que dossiers

Vous pouvez désormais ouvrir une URI en tant que dossier dans VS Code s’il y a une extension contribuant à FileSystemProvider pour cette URI. L’équipe de développement a introduit une nouvelle ligne de commande --folder-uri rien que pour ça.

Cette commande CLI ouvre un repo GitHub en tant que dossier si vous avez l’extension RemoteHub installée.

code --folder-uri remotehub://github.com/Microsoft/vscode

Du côté des langages, VS Code est livré désormais avec Typescript 3.0.1. L’équipe de Typescript a fait en sorte que les messages d’erreurs de JavaScript et Typescript soient plus lisibles et plus intelligents. Quelques messages d’erreurs incluent désormais des liens vers des emplacements pertinents dans le code source.


Les messages pour unions et autres types complexes devraient aussi être plus concis et plus pratiques. Par exemple, une simple erreur de saisie dans JSX peut parfois produire un message d’erreur complexe comme celui-ci :


Grâce au Typescript 3.0, l’erreur est plus lisible dans VS Code 1.26 :


Une autre amélioration notable concerne l’autocomplétion des tags JSX qui sont fermés juste après que vous tapez > dans un fichier JavaScript ou Typescript :


Il s'agit ici d'une liste non exhaustive des nouveautés de l’éditeur de code open source et multiplateforme de Microsoft. Plus d’informations sur le site officiel de l’éditeur.

Source : blog VS Code

Et vous ?

Utilisez-vous VS Code ? Que pensez-vous de ces nouveautés ?
Lesquelles appréciez-vous le plus ? Et quelles sont celles qui manquent encore à l’appel ?

Voir aussi :

Microsoft parle déjà de Visual Studio 2019, l'entreprise dévoile ses objectifs pour la prochaine version majeure de son EDI
Visual Studio : pourquoi les développeurs C# et C++ devraient-ils migrer vers la version 2017 ? Microsoft donne huit raisons de le faire
Microsoft présente le serveur de langage Python dans Visual Studio Code qui s'accompagne de belles promesses de performance
Visual Studio : Microsoft annonce la disponibilité d'une mise à jour d'IntelliCode, une version d'IntelliSense basée sur l'intelligence artificielle
Avatar de Michael Guilloux Michael Guilloux - Chroniqueur Actualités https://www.developpez.com
le 06/09/2018 à 13:48
Visual Studio Code 1.27 est disponible
un aperçu des nouveautés dans l'éditeur de code open source et multiplateforme de Microsoft

Conformément à sa tradition, l’équipe de Visual Studio Code vient de publier une nouvelle mise à jour mensuelle : la version 1.27, qui intègre toutes les améliorations et nouveautés introduites dans l'éditeur de code au mois d'août. Dans cette version, comme dans les dernières mises à jour de VS Code, Microsoft a mis beaucoup plus l'accent sur des améliorations pour la productivité et l’expérience utilisateur plutôt que sur l’ajout de fonctionnalités majeures.

Ainsi, parmi les nouveautés qui ont été mises en avant par Microsoft, on peut citer la disponibilité d'une interface graphique pour l'édition des paramètres utilisateur. Cette interface graphique, introduite dans VS Code 1.24 en préversion est désormais activée par défaut. Elle permet de manière plus conviviale de rechercher et modifier les paramètres utilisateur de l'éditeur.


Vous pouvez toutefois encore accéder à l'éditeur de paramètres JSON, soit en utilisant la commande Ouvrir les paramètres (JSON) ou en modifiant votre éditeur de paramètres par défaut avec le paramètre "workbench.settings.editor".

Des améliorations ont été également apportées au mois d'août au nouvel éditeur de paramètres. Le sommaire des paramètres, par exemple, reste visible pendant la recherche, et son contenu est filtré pour afficher uniquement les catégories qui correspondent à la recherche. Vous pourrez ensuite cliquer sur une catégorie pour limiter les résultats aux paramètres de cette catégorie. Mais si vous préférez masquer le sommaire des paramètres lors de vos recherches, vous pouvez définir le paramètre "workbench.settings.settingsSearchTocBehavior" sur "hidden".


Une autre nouveauté intéressante est la possibilité de personnalisation des barres de titres et menus sous Windows et Linux. Au cours des dernières itérations, Microsoft s'est en effet efforcée d'améliorer l'apparence et la convivialité de la barre de titre et des menus sous Windows et Linux. Ce travail étant maintenant accompli, cette expérience de personnalisation des barres de titres et menus quitte le statut de préversion et elle sera bientôt activée par défaut sous Windows. Pour activer la fonctionnalité, vous pouvez définir le paramètre "window.titleBarStyle" sur "custom".


D'après Microsoft, la nouvelle expérience présente plusieurs avantages par rapport à celle par défaut, y compris une meilleure navigation avec le clavier dans la barre de menu. Il est en effet désormais plus facile de basculer entre les menus avec le clavier. Comme autre avantage, Microsoft affirme que la barre de menu offre une meilleure accessibilité, car plusieurs problèmes d'accessibilité ont été corrigés pour améliorer la facilité d'utilisation du menu avec un lecteur d'écran.

Visual Studio Code 1.27 introduit également un nouveau menu Terminal. Il y a maintenant un seul menu pour créer des terminaux et gérer des tâches : le menu Tâches a été renommé Terminal et quelques entrées supplémentaires pour le Terminal intégré ont été ajoutées.


Cette nouvelle version de VS Code facilite aussi le partage de fichier keybindings.json entre différents systèmes d'exploitation. En effet, il est désormais possible d'activer les raccourcis clavier pour des systèmes d'exploitation spécifiques en utilisant isLinux, isMac et isWindows dans la clause when d'une keybinding. C'est ce qui est illustré ci-dessous :

Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
{
  "key": "ctrl+o",
  "command": "workbench.action.files.openFolder",
  "when": "!isMac"
},
{
  "key": "cmd+o",
  "command": "workbench.action.files.openFolder",
  "when": "isMac"
}
Depuis la version 1.17, l'éditeur de code de Microsoft fait des suggestions automatiques de chemin d'accès pendant l'importation de fichiers et modules. Cette fonctionnalité avait été activée pour JavaScript et TypeScript, mais depuis, lors Microsoft a travaillé pour la prendre en charge pour d'autres langages. Et dans cette nouvelle version, cette fonctionnalité est maintenant disponible lorsque vous tapez du code dans un fichier CSS, SCSS ou Less.

Comme autre nouveauté, on peut encore citer l'évaluation conditionnelle en JSON, avec la prise en charge des mots-clés de schéma 'if', 'then' et 'else'. En effet, l'extension de langage JSON intégrée prend désormais en charge le nouveau schéma JSON Schema Draft-07, dont les ajouts les plus intéressants sont les mots-clés if, then, else pour permettre l'évaluation conditionnelle de schéma. Ci-dessous, une illustration de cette fonctionnalité :

Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
10
11
{
    "type": "integer",
    "minimum": 1,
    "maximum": 1000,
    "if": { "minimum": 100 },
    "then": { "multipleOf": 100 },
    "else": {
        "if": { "minimum": 10 },
        "then": { "multipleOf": 10 }
    }
}
Avec Visual Studio Code 1.27, l'Explorateur de scripts chargés est désormais intégré dans l'éditeur de code et donc disponible pour plus d'extensions de débogage. En fait, pendant plus d'un an, l'explorateur de scripts chargés dans la vue Débogage a été fourni par l'extension de débogage Node.js et n'était pas disponible pour les autres débogueurs. Dans cette version de VS Code, Microsoft a ajouté la vue des scripts chargés (Loaded Scripts) en tant que fonction de débogage intégrée. Ce qui veut dire, d'après Microsoft, que toutes les extensions de débogage qui ont la notion de "scripts" pourront prendre en charge l'accès à leurs scripts dans une vue mise à jour dynamiquement. En outre, certains problèmes de l’ancien explorateur de scripts chargés ont été corrigés.

Ce n'est pas encore la liste exhaustive des nouveautés et améliorations de VS Code 1.27. Vous trouverez donc bien d'autres nouveautés et plus de détails sur le site officiel de l'éditeur de code.

Télécharger Visual Studio Code 1.27

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 ?

Voir aussi :

Microsoft parle déjà de Visual Studio 2019, l'entreprise dévoile ses objectifs pour la prochaine version majeure de son EDI
La deuxième préversion de Microsoft Visual Studio 2017 version 15.8 est disponible : voici l'essentiel des nouveautés qu'elle apporte
Microsoft annonce la disponibilité de Visual Studio 2017 version 15.7 : un tour d'horizon des nouveautés de l'EDI
Feuille de route de Visual Studio 2017 : Microsoft donne un aperçu des prochaines fonctionnalités pour les deuxième et troisième trimestres 2018
Visual Studio Code 1.26 est disponible, avec de petites nouveautés pour faciliter la vie aux développeurs
Avatar de ShigruM 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 :
Avatar de Golfy Golfy - Nouveau 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.
Avatar de Michael Guilloux Michael Guilloux - Chroniqueur Actualités https://www.developpez.com
le 09/10/2018 à 17:08
Visual Studio Code 1.28 est disponible
Un aperçu des nouveautés dans l'éditeur de code open source et multiplateforme de Microsoft

Conformément à sa tradition, l’équipe de Visual Studio Code vient de publier une nouvelle mise à jour mensuelle : la version 1.28, qui intègre toutes les améliorations et nouveautés introduites dans l'éditeur de code au mois de septembre. Dans les versions précédentes, Microsoft a mis beaucoup plus l'accent sur des améliorations pour la productivité et l’expérience utilisateur plutôt que sur l’ajout de fonctionnalités majeures. Dans VS Code 1.28, le géant du logiciel dit avoir travaillé pour satisfaire à des plusieurs demandes de fonctionnalités faites par la communauté. Comme résultat, la nouvelle version de l'éditeur de code introduit de nouvelles petites fonctionnalités.

Sans fournir de liste exhaustive de nouveautés, parmi celles qui sont mises en avant, on peut commencer par souligner un changement qui ne passera pas inaperçu auprès des utilisateurs. Visual Studio Code fournit désormais des icônes de fichiers personnalisés pour certains des types de fichiers les plus populaires, y compris C#, Python, HTML, CSS, React et Ruby, entre autres. Sous MacOS et Windows, ces icônes apparaîtront dans l'explorateur de fichiers lorsque la taille des fichiers sera moyenne ou grande. Pour les icônes de petite taille, Microsoft a décidé de conserver le logo de VS Code en tant qu’icône.


Avec VS Code 1.28, vous pouvez maintenant définir la portée des snippets à un projet et les partager avec votre équipe. Pour cela, il suffit d'utiliser la commande Preferences: Configure User Snippets ou créer un fichier *.code-snippets dans le dossier .vscode. Précisons que les snippets de projet fonctionnent comme les autres. Ils apparaissent dans IntelliSense et dans l'action Insert Snippet où ils ont maintenant leur propre catégorie.


Comme autre nouveauté, Microsoft a introduit dans cette version la possibilité d'utiliser la touche Tab pour parcourir facilement les suggestions IntelliSense, après avoir défini le paramètre "editor.tabCompletion": "on". En appuyant sur la touche Tab, l'éditeur insère la prochaine suggestion IntelliSense alors que les touches Shift+Tab permettront d'insérer la suggestion précédente. C'est ce qu'illustre l'image animée suivante :


Une nouvelle commande Go to Last Edit Location (workbench.action.navigateToLastEditLocation) a également été ajoutée dans VS Code 1.28 pour accéder rapidement à l'emplacement de votre dernière modification dans un fichier. Le raccourci clavier par défaut est Ctrl+K Ctrl+Q sous Windows/Linux.

Une autre nouvelle commande Save without Formatting (workbench.action.files.saveWithoutFormatting) peut être utilisée pour enregistrer un fichier sans changer la mise en forme existante. Cela est utile quand vous éditez, hors de vos projets normaux, un fichier qui peut avoir des conventions de formatage différentes. Le raccourci clavier par défaut pour cette action est Ctrl+K S.

VS Code 1.28 vient encore avec des améliorations Git, notamment une meilleure gestion des conflits de suppression. Ces conflits ont toujours été détectés par VS Code. Mais maintenant, il existe un meilleur flux d’interface utilisateur pour les gérer. Vous verrez la version non supprimée lors de l’ouverture du changement et vous aurez la possibilité de décider s'il faut supprimer le fichier ou le conserver.


Parfois, après l'importation d'un fichier, vous désirez renommer le fichier pour lui donner un meilleur nom. Si cela vous est déjà arrivé, VS Code permet désormais de renommer un fichier JavaScript ou TypeScript via son chemin d'importation.


Entre autres nouveautés, on soulignera aussi, côté pliage de code, que les listes multilignes, les blocs de code et les codes HTML sont désormais pliables dans les fichiers Markdown. Comme d'habitude, vous trouverez plus de détails sur les nouveautés de VS Code sur le site officiel de l'éditeur de code.

Télécharger la dernière version de 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 ?

Voir aussi :

Microsoft lance une extension pour la gestion des pull requests GitHub directement dans Visual Studio Code, elle est disponible en préversion
Visual Studio 2017 version 15.9 Preview 3 est disponible en téléchargement et apporte le support ARM64 pour les applications UWP
Microsoft parle déjà de Visual Studio 2019, l'entreprise dévoile ses objectifs pour la prochaine version majeure de son EDI
Visual Studio Code 1.27 est disponible : un aperçu des nouveautés dans l'éditeur de code open source et multiplateforme de Microsoft
Feuille de route de Visual Studio 2017 : Microsoft donne un aperçu des prochaines fonctionnalités pour les deuxième et troisième trimestres 2018
Avatar de visithierry 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 ???
Contacter le responsable de la rubrique Accueil