如何在 VSCode 中实现 PHPStorm 中的同步上传文件到远程服务器的功能

2024年6月7日个人笔记评论6,880字数 461阅读1分32秒阅读模式

需求来自部门的老大,他因为 PhpStorm 的和谐问题,想用 VSCode 来开发,不过习惯用 PhpStorm 中的右键同步上传文件到远程服务器的功能,所以问我能否在 VSCode 中找到替代。

这个简单,只需要用到 SFTP 插件即可实现,必须安排一个教程!

详细教程

1.

下载插件 SFTP

首先在 VSCode 中下载 SFTP 插件:

Ethan_2024-06-07_10-56-50

2.

配置上传服务器信息

在 VSCode 中打开你想上传的项目或者文件,

使用快捷键 ctrl+shift+P 打开指令窗口,也就是 VSCode 顶部的输入框内,然后输入:

>sftp

点击出现的第一个选项SFTP:Config,会自动在当前目录.vscode目录下,新建配置文件sftp.json

Ethan_2024-06-07_10-58-40

sftp.json中填入对应的服务器信息:

Ethan_2024-06-07_11-00-00

配置好后,保存。

3.

现在就可以开始上传同步文件了

右键点击想要上传的文件,选择 上传文件,

Ethan_2024-06-07_11-01-13

会让你输入密码,输入密码后继续:

Ethan_2024-06-07_11-15-24

上传完成后,可以在服务器上确认下,可以看到测试的文件已经被上传了:

Ethan_2024-06-07_11-02-19

亲测,如果本地文件夹下的文件,点击上传时,服务器上没有对应的文件夹,也会自动创建并上传到对应的文件夹内。

VSCode编辑器中好用的快捷键大全 技巧分享

VSCode编辑器中好用的快捷键大全

22.11.24补充: 同时选中多行相同元素 当我们选中某一个元素的时候,屏幕会高亮其它相同的元素,如果我们要一起修改这些相同的元素该怎么做呢? 只需要选中某个元素后,按 [ctrl+d] 即可快速选...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定