超详细的vscode 配置FTP,并本地编辑

这篇博客介绍了如何在VSCode中安装和配置SFTP插件,以便于快速连接到远程服务器并实现文件的自动上传。通过设置包括服务器IP、端口、用户名、密码等信息,以及配置自动上传和忽略文件列表,可以提升开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

        废话少说,直接上步骤:

        搜索sftp插件并安装;

        安装成功之后 ctrl+shift+p 搜索sftp:config设置内容(没有的需要自己加,有的可以不用加);

{
    "name": "vscode FTP测试",  //项目名称,任意
    "host": "",//服务器的ip
    "protocol": "ftp",      //ftp 或者sftp
    "port": 21,            //端口号,一般是21
	"username": "账号",
	"password":"你的密码",
    "remotePath": "/",//服务器目录
    "context": "",  //要上传的文件,可不选
	"uploadOnSave": true,   //保存时自动上传
    "connectTimeout": 1000,  //超时时间
	"watcher": {
		"files": "**/*",
		"autoUpload": true,              //是否自动上传
		"autoDelete": false              //是否自动删除
	},
    "ignore": [    //不上传的文件
        ".vscode",
        ".git",
        ".DS_Store"
    ]
}

        编辑完之后按照下面步骤,然后就可以看到文件了。

         打开文件不能直接编辑,右键 选择Edit in Local。保存的时候自动上传。

注意:一定要加上时间 "connectTimeout": 1000,要不然体验感极差,一直转圈圈,加载不出文件,或者要好长时间。

### 配置 VSCode 使用 FTP 连接到 Linux 虚拟机 为了使开发人员能够在本地编辑器中高效工作实时同步更改到远程服务器,配置 Visual Studio Code (VSCode) 通过 FTP 连接至 Linux 虚拟机是一个常见的需求。以下是详细的设置方法: #### 安装必要的扩展 首先,在 VSCode 中安装 `FTP-Simple` 或者更常用的 `SFTP` 扩展插件。这些工具可以方便地管理与远程主机之间的文件传输。 对于 SFTP 插件: 1. 打开 VSCode 访问 Extensions 市场; 2. 搜索 "SFTP" 点击 Install 来下载此扩展程序; #### 创建 sftp.json 文件 在项目根目录下创建名为 `.vscode/sftp.json` 的 JSON 配置文件,按照如下结构填写相关信息: ```json { "name": "Linux VM", "host": "your_vm_ip_address", // 替换为实际 IP 地址 "port": 22, "username": "your_username", // 登录用户名 "password": "your_password_or_private_key_path", // 密码或私钥路径 "remotePath": "/path/to/remote/project/", // 远程项目的绝对路径 "uploadOnSave": true, // 自动上传保存后的文件 "ignore": [ ".vscode", "*.code-workspace" ] } ``` 上述配置项中的字段解释如下[^2]: - `"name"`: 给这个连接起个别名以便识别。 - `"host"` 和 `"port"`: 分别指明目标机器的地址及其 SSH 端口号,默认情况下端口应设为 22。 - `"username"` 及 `"password"` / 私钥:用于身份验证的信息。 - `"remotePath"`: 映射到远端的具体位置。 - `"uploadOnSave"`: 设置是否开启自动上传功能。 - `"ignore"` 列表则用来指定哪些类型的文件不需要被同步上去。 完成以上步骤之后重启 VSCode 即可生效新的 FTP/SFTP 配置。现在每当修改任何受支持的语言源代码时都会触发即时更新操作,从而保持本地副本同线上环境的一致性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值