Comment utiliser VSCode pour éditer à distance des fichiers de site Web?
Je dois pouvoir me connecter à distance aux serveurs Web de mes clients et modifier le code à distance. J'utilise principalement cela pour les modifications CSS, mais je commence également à jouer avec PHP également.
J'ai essayé de faire fonctionner Remote-Editor mais il ne récupérera pas le fichier .remote que j'ai placé dans le dossier/home. Les instructions ne donnent pas vraiment de détails sur la configuration.
Que fais-je?
Utilisez un client FTP (comme FileZilla ), puis définissez VSCode comme éditeur par défaut. Chaque fois que vous ouvrez un fichier, il l'ouvrira dans VSCode. Je vous recommande fortement de télécharger tout le code sur votre propre ordinateur et de l'utiliser comme environnement de développement, puis, lorsque vous avez terminé vos modifications, sauvegardez votre site, puis téléchargez les fichiers modifiés ensemble. Il n'est pas nécessaire d'éditer des fichiers sur votre propre machine, mais il est recommandé si vous avez besoin de revenir à une ancienne version pour une raison quelconque (comme vous avez fait une erreur dans le code, et maintenant rien ne fonctionne correctement).
Alternativement, vous pouvez utiliser une extension comme Sync FTP pour coder localement et faire synchroniser automatiquement les fichiers pour vous.
Il existe plusieurs approches à ce sujet qui sont toutes indépendantes de l'éditeur.
Tout d'abord, il y a sshfs, qui est multiplateforme et que vous pouvez installer via votre gestionnaire de packages OS. Une approche simple serait la suivante:
mkdir -p ~/mnt/server
sshfs [email protected]:/path/on/server ~/mnt/server
Ensuite, vous avez la structure complète des dossiers de server.example.com disponible localement sur ~/mnt/server. Assurez-vous de configurer les clés SSH pour éviter d'entrer à chaque fois le mot de passe utilisateur. Vous pouvez trouver des tutoriels à ce sujet partout sur le net.
Pour les serveurs qui n'offrent qu'un accès FTP (hébergement partagé, etc.), vous pouvez utiliser curlftpfs de la même manière.
Pour fermer la connexion, démontez simplement:
umount ~/mnt
Pour une approche basée sur une interface graphique, vous avez plusieurs options. Il y a Transmit (macOS), qui propose des connexions de montage en tant que volumes, Forklift (macOS) qui est un remplacement du Finder qui peut faire la même chose, ExpanDrive (macOS/Windows) et mon préféré Mountain Duck (macOS/Windows).
Si vous prévoyez de déplacer beaucoup de données, en particulier de nombreux petits fichiers, Mountain Duck est le meilleur de mon expérience.
Utilisez FileZilla, puis définissez VScode comme éditeur par défaut (éditer-> paramètres-> édition de fichiers-> associations de types de fichiers et insérer "php/usr/bin/code"). okey, maintenant vous devez sélectionner votre fichier sur FTP et appuyez sur "Afficher/Modifier", puis ouvrez votre fichier dans l'éditeur VScode. Terminé:)
Tapez simplement ceci: Paramètres Filezilla-> Édition de fichiers-> Association de fichiers
php/snap/bin/code