La dernière mise à jour de Visual Studio Code est un gros problème pour le développement Web
Visual Studio Code est passé à des mises à jour hebdomadaires, de sorte que les nouvelles fonctionnalités et corrections de bugs arrivent désormais à un rythme rapide. La nouvelle mise à jour version 1.112 est désormais disponible, avec une mise à niveau significative pour le développement Web et quelques fonctionnalités supplémentaires de codage IA.
Visual Studio Code est déjà un excellent éditeur de texte et IDE pour le développement Web, avec une prise en charge de premier ordre pour tout, de JavaScript aux conteneurs Docker. Le volet du navigateur Web intégré peut être utile pour prévisualiser une certaine page, mais un débogage plus complexe vous obligeait toujours à ouvrir un navigateur Web complet en dehors de VS Code… jusqu'à présent.
Seulement une semaine après VS Code v1.111, la dernière mise à jour v1.112 introduit un débogueur dans le navigateur intégré de Visual Studio Code. Cela signifie que vous pouvez ouvrir une page dans VS Code (comme un localhost serveur hébergé dans votre projet), puis configurez des points d'arrêt et inspectez les variables. Vous devrez toujours ouvrir un navigateur complet pour les tests finaux, surtout si vous utilisez des API de navigateur qui ne sont pas présentes dans VS Code, mais vous n'aurez pas autant à quitter l'éditeur. La page de documentation contient plus d'informations sur son utilisation.
Microsoft a déclaré dans l'annonce : « Nous avons ajouté un nouveau editor-browser type de débogage qui permet le débogage des onglets de navigateur intégrés avec les configurations de lancement et d'attachement. La plupart des options existantes msedge et chrome les configurations de débogage sont prises en charge, ce qui rend la migration souvent aussi simple que de changer le type d'une configuration existante dans launch.json.
Le navigateur intégré dispose également désormais de son propre niveau de zoom, vous pouvez donc modifier la taille de la page intégrée (avec des options de menu ou des raccourcis clavier) sans modifier la taille de l'interface VS Code. Le menu contextuel du clic droit propose également désormais des options de navigateur courantes, telles que copier et coller, ouvrir des liens dans un nouvel onglet et ouvrir le panneau Inspecter.
Vous pouvez télécharger Visual Studio Code depuis le site officiel pour Windows, macOS et Linux. Si vous l'avez déjà installé, accédez à Aide > Rechercher les mises à jour (Linux et Windows) ou Code > Rechercher les mises à jour (macOS) pour obtenir la nouvelle version.
