Ab der nächsten Edge-Version lässt sich VSCode als Entwickler-Tool im Browser verwenden

 (christianheilmann.com)
9 Punkte von xguru 2021-10-21 | 3 Kommentare | Auf WhatsApp teilen

„Open Source files in VS Code“

  • Während des Debuggings von Frontend-Code im Browser können geänderte Dateien tatsächlich gespeichert werden

→ Wenn lokal gearbeitet wird, erkennt der Browser dies automatisch, fordert zur Auswahl des Root-Ordners auf und verlangt Zugriffsrechte auf die Festplatte

→ Nach der Bestätigung werden alle Links in den DevTools statt im Sources-Fenster des Browsers in VSCode geöffnet und springen zur entsprechenden Dateiposition

→ In den DevTools vorgenommene Änderungen werden sofort in VSCode übernommen, und wenn nach Änderungen in VSCode gespeichert wird, wird auch der Browser synchronisiert

  • Funktioniert nur, wenn es unter Settings-Experiments aktiviert wird

Verwandte Beiträge

3 Kommentare

 
ragus 2021-10-22

Aber heutzutage entwickelt man eher selten mit reinem HTML, CSS und JS; stattdessen nutzt man oft TypeScript oder entwickelt SPAs, die mit Tools wie webpack gebaut werden müssen. Daher frage ich mich, ob diese Funktion in der Praxis tatsächlich nützlich ist.
 
babo3yong2 2021-10-21

https://vscode.dev/

Scheint jetzt öffentlich zu sein.
 
xguru 2021-10-22

Ah, das wirkte auf mich etwas anders, deshalb habe ich dazu einen separaten Artikel veröffentlicht!