Wie kann VSCode verwendet werden, um Website-Dateien remote zu bearbeiten?

Question

Ich muss in der Lage sein, mich remote bei Webservern für meine Kunden anzumelden und Code remote zu bearbeiten. Ich benutze dies hauptsächlich für CSS-Änderungen, fange aber auch an, mit PHP zu spielen.

Ich habe versucht, Remote-Editor zu arbeiten, aber es wird nicht die Remote-Datei abholen, die ich in den Ordner/home abgelegt habe. Die Anleitung gibt nicht wirklich Details zur Einrichtung.

Was mache ich?

Answer 1

Verwenden Sie einen FTP-Client (wie FileZilla), und stellen Sie VSCode als Standardeditor ein. Immer wenn Sie eine Datei öffnen, wird sie in VSCode geöffnet. Ich empfehle dringend, dass Sie den gesamten Code auf Ihren eigenen Computer herunterladen und ihn als Entwicklungsumgebung verwenden. Wenn Sie mit Ihren Änderungen fertig sind, sichern Sie Ihre Site und laden Sie die geänderten Dateien anschließend zusammen. Es ist nicht erforderlich, Dateien auf Ihrem eigenen Computer zu bearbeiten, aber es wird empfohlen, wenn Sie aus irgendeinem Grund zu einer alten Version zurückkehren müssen (wie Sie einen Fehler im Code gemacht haben und jetzt nichts mehr funktioniert).

Alternativ können Sie eine Erweiterung wie FTP Sync lokal codieren und die Dateien automatisch für Sie synchronisieren lassen.

Answer 2

Es gibt mehrere Ansätze, die alle Editor-Agnostic sind.

Zuerst gibt es sshfs, die plattformübergreifend ist und Sie können über Ihren OS-Paket-Manager installieren. Ein einfacher Ansatz wäre, wie folgend:

mkdir -p ~/mnt/server 
sshfs user@server.example.com:/path/on/server ~/mnt/server 

Danach Sie ~/mnt/server die komplette Ordnerstruktur von server.example.com lokal zur Verfügung haben. Stellen Sie sicher, dass Sie SSH-Schlüssel eingerichtet haben, um das Benutzerpasswort nicht jedes Mal einzugeben. Überall im Internet finden Sie Tutorials dazu.

Für Server, die nur FTP-Zugriff bieten (Shared Hosting und Ähnliches), können Sie curlftpfs auf die gleiche Weise verwenden.

die Verbindung zu schließen, einfach aushängen:

umount ~/mnt 

Für eine GUI-basierte Ansatz, haben Sie mehrere Möglichkeiten. Es gibt Transmit (MacOS), die Montageanschlüsse als Volumes, Forklift (MacOS), die ein Finder-Ersatz ist, der das gleiche tun kann, ExpanDrive (MacOS/Windows) und meine Lieblings Mountain Duck (MacOS/Windows).

Wenn Sie planen, viele Daten, vor allem viele kleine Dateien zu verschieben, führt Mountain Duck das Beste aus meiner Erfahrung.