如何使用VSCode远程编辑网站文件？

Question

我需要能够为我的客户远程登录 Web 服务器并远程编辑代码。我主要将它用于 CSS 更改，但也开始使用 PHP。

我试图让 Remote-Editor 工作，但它不会选择我放在 /home 文件夹中的 .remote 文件。说明并没有真正提供有关设置的详细信息。

我该怎么办？

Answer 1

使用 FileZilla，然后将 VScode 设置为默认编辑器（编辑->设置->文件编辑->文件类型关联并插入“php /usr/bin/code”）。好的，现在您需要在 FTP 上选择您的文件并按“查看/编辑”，然后您的文件在 VScode 编辑器中打开。完毕：）

Answer 2

使用 FTP 客户端（如FileZilla），然后将 VSCode 设置为默认编辑器。任何时候你打开一个文件，它都会在 VSCode 中打开它。我强烈建议您将所有代码下载到您自己的计算机上并将其用作开发环境，然后，当您完成更改后，备份您的站点，然后将修改后的文件一起上传。不需要在您自己的机器上编辑文件，但如果您出于任何原因需要恢复到旧版本（例如您在代码中犯了错误，现在没有任何工作正常），建议您这样做。

或者，您可以使用FTP 同步等扩展程序在本地进行编码，并为您自动同步文件。

Answer 3

打开 Filezilla -> 编辑 -> 设置 -> 文件编辑 -> 文件类型关联

现在，您将在窗口的右侧窗格中看到“自定义文件类型关联：”。在那里你必须编写打开 VSCode for PHP 文件的命令。

步骤 1：搜索并找到计算机上的 VSCode Exe 文件安装安装目录。就我而言，它是（C：\ Users \ Shubham \ AppData \ Local \ Programs \ Microsoft VS Code/Code.exe）

步骤 2：复制“.​​exe”文件的目录路径链接，然后返回 Filezilla 内的“自定义文件类型关联：”。

步骤 3：现在输入“php”，然后留出空格并将您复制的目录路径粘贴到双引号内，然后再次留出空格并写入“-open”。最终的代码应该是这样的

php "C:\Users\Shubham\AppData\Local\Programs\Microsoft VS Code/Code.exe" -open

第 4 步：单击“确定”按钮并喝杯咖啡。

Answer 4

有几种方法都与编辑器无关。

首先是sshfs，它是跨平台的，您可以通过操作系统包管理器进行安装。一个简单的方法如下：

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

之后，您可以在server.example.com本地获得完整的文件夹结构~/mnt/server。确保设置 SSH 密钥以避免每次都输入用户密码。你可以在网上到处找到相关的教程。

对于仅提供 FTP 访问（共享主机等）的服务器，您可以curlftpfs以相同的方式使用。

要关闭连接，只需卸载：

umount ~/mnt

对于基于 GUI 的方法，您有多种选择。有Transmit(macOS)，它以卷的形式安装连接，Forklift(macOS) 是 Finder 的替代品，可以做同样的事情，ExpanDrive(macOS/Windows) 和我最喜欢的Mountain Duck(macOS/Windows)。

如果您计划移动大量数据，尤其是大量小文件，根据我的经验，Mountain Duck 的表现最好。

Answer 5

只需输入这是 Filezilla 设置-> 文件编辑-> 文件关联

php /snap/bin/代码

Answer 6

打开 Filezilla 并转到编辑>>设置

单击“文件编辑”，然后设置单选按钮以使用“自定义编辑器”

在下面的文本字段中，您需要输入 Visual Studio Code 的完整路径，这通常位于/usr/bin/目录中，因此您需要输入以下内容/usr/bin/code

接下来选择单选按钮始终使用默认编辑器并单击OK以完成设置。