Live Server Extension für Visual Studio Code

gehtnicht
visualstudiocode
web
fix
extension
#1

Endlich!!! :smile:

Gibt es eine venüftige Extension um an Web Projekten in Visual Studio Code mit einem Livereload Server zu arbeiten. Live Reload ist die komfortable Funktion, dass man den Editor nicht verlassen muss und Änderungen live und automatisch im Webbrowser geladen werden; es beschleunigt das Arbeiten an Web Projekten um ein Vielfaches.

Solche Funktionalität ist eigentlich schon der Quasi-Standard im modernen Web, scheint aber eine Weile geaduert zu haben, bis sich jemand entschließt auch für den Editor Visual Studio Code eine Extension zu machen :wink:

Die Extension kann einfach in der Extension-Sektion von Visual Studio Code gesucht und von dort installiert werden.

Name: Live Server

Zusätzlich kann man sich, von dem gleichen Autor, auch die Live Sass Compiler Extension installieren, welche die Arbeit mit Sass und automatischen Style Reload ebenfalls sehr angenehm macht.

Offizieller Link: https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

Aber :frowning_face: Achtung alle Mac-User: Die Extension war leider so nicht nett, eine Tastenkombi auf Alt-L zu legen, unter der sich mit deutschen Tastaturen leider das @ verbirgt. Der Autor weiß schon Bescheid, aber der Fix ist noch nicht veröffentlicht. In der Zwischenzeit…

Live Server und @-sign Fix für macOS

Leider geht das ‘@’-Zeichen nach der Installation des Live Server auf macOS nicht mehr, da es auch mit alt-L beginnt. Der Fix: Öffne die Einstellungen Tastenkombinationen (das Zahnrad links unten im Fenster).

Klicke auf den keybindings.json Link über Liste mit den Tastenkombinationen. Es öffnet sich eine neue Datei. Dort trage die folgenden Kürzel ein:

// Platzieren Sie Ihre Tastenzuordnungen in dieser Datei, um die Standardwerte zu überschreiben.
[
    {
        "key": "alt+l o",
        "command": "-extension.liveServer.goOnline",
    },
    {
        "key": "alt+l c",
        "command": "-extension.liveServer.goOffline",
    }
]
0 Likes