Hot Reload mit Visual Studio Code

Eine der wirklich praktischen Features von Visual Studio ist das sog. Hot Reload. Dabei werden Änderungen z.B. an XAML-Dateien oder Razor Pages direkt angezeigt ohne das man die Anwendung neu erstellen und starten muss. Das erhöht den Fluss beim entwickeln ganze enorm.
Das ganze ist auch mit Visual Studio Code möglich. Wie das geht zeige ich nun.

In der Datei Properties\lauchsettings.json der Anwendung muss folgendes eingetragen werden:

"hotreloadprofile": {
      "commandName": "Project",
      "launchBrowser": true,
      "environmentVariables": {
          "ASPNETCORE_ENVIRONMENT": "Development",
          "Key": "Value"
      },
      "applicationUrl": "https://localhost:5001;http://localhost:5000",
      "hotReloadProfile": "blazorwasm"
    }

Die Einträge applicationUrl und hotReloadProfile müsst ihr dabei an euere Gegebenheiten anpassen. Für hotReloadProfile könnt ihr hierbei entweder blazorwasm oder aspnetcore eintragen. Je nach dem welche Art von Anwendung ihr entwickelt.

Anschließend könnt ihr eure Anwendung mit dem folgenden Befehl über das Terminal starten:

dotnet watch run --launch-profile hotreloadprofile

Ab sofort wird die Änderung nach jedem Speichern direkt übernommen und ist im Browser sichtbar.
Viel Spaß!