Visual Studio Code 1.26 est disponible
Avec de petites nouveautés pour faciliter la vie aux développeurs

Le , par Coriolan, Chroniqueur Actualités
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


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 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 - Futur Membre du 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.

 
Contacter le responsable de la rubrique Accueil