À partir de la prochaine version d’Edge, il sera possible d’utiliser VSCode comme outil de développement intégré au navigateur

 (christianheilmann.com)
9 points par xguru 2021-10-21 | 3 commentaires | Partager sur WhatsApp

"Open Source files in VS Code"

  • Les modifications apportées au code pendant le débogage du front-end dans le navigateur peuvent être réellement enregistrées

→ Si vous travaillez en local, le navigateur le détecte automatiquement, vous demande de sélectionner le dossier racine et sollicite l’autorisation d’accès au disque

→ Une fois autorisé, tous les liens de DevTools s’ouvrent dans VSCode au lieu du panneau Sources du navigateur, directement à l’emplacement du fichier concerné

→ Les modifications effectuées dans DevTools sont appliquées immédiatement dans VSCode, et lorsqu’on modifie puis enregistre dans VSCode, le navigateur se synchronise aussi

  • Ne fonctionne que si l’option est activée dans Settings-Experiments

À lire aussi

3 commentaires

 
ragus 2021-10-22

Mais de nos jours, plutôt que de développer en pur HTML, CSS et JS, on utilise souvent TypeScript ou on fait du développement SPA, donc il faut passer par une compilation avec des outils comme webpack ; je me demande si cette fonctionnalité sera vraiment utile.
 
babo3yong2 2021-10-21

https://vscode.dev/

On dirait qu’ils l’ont rendu public.
 
xguru 2021-10-22

Ah, celui-ci me semble un peu différent, donc je l’ai publié comme un article séparé !