简介
sftp工具用来与服务器通讯,上传/下载文件操作。
日常开发工作中,经常会需要打包传到服务器上,每次使用sftp工具连接到服务器,找到指定路径,然后将本地某个目录上传到服务器端。
安装
打开VSCode编辑,搜索插件 sftp ,然后安装,如下所示。
1.png
安装之后可能会提示重启VSCode后生效。
配置
点击视图打开命令面板,或按快捷键 Ctrl + Shift + P (windows) / Command + Shift + P (Mac) ,输入 config ,进行sftp配置,之后VSCode会自动在当前工作空间目录下新建一个 .vscode 文件夹,里面有个 sftp.json 配置文件。操作步骤如下所示
2.gif
接下来我们做如下所示配置
{
"name": "上传 BOE 到内网 241",
"host": "192.168.0.241",
"protocol": "sftp",
"port": 22,
"username": "root",
"password": "password",
"remotePath": "/work/zte-vue/boe/dist",
"context": "./boe/dist",
"uploadOnSave": false
}
配置说明
属性 | 说明 |
---|---|
name | 用来上传/下载时显示的名称,多配置时方便区分。 |
host | 服务器ip地址 |
protocol | 协议 |
port | 端口号 |
username | 服务器登录账号 |
password | 服务器登录密码 |
remotePath | 对应的服务器文件夹地址 |
context | 本机文件地址 |
uploadOnSave | 保存本地文件后是否立即上传到服务器 |
当我们需要把本地文件夹内容上传到服务器端时,我们只需再次打开命令面包(快捷键 Ctrl + Shift + P),输入 sftp,选择 Upload Project,上传文件到服务器。之后的文件有修改需要再次上传到服务器端,只需要点 Sync Local -> Remote 即可。
3.gif
上传成功或失败,在VSCode编辑器底部状态栏有相应的成功或失败提示。
有些情况下,我们的工作空间是多个项目,需要上传到不同的服务器目录下,这时候我们就需要进行多配置。
多配置如下示例
[
{
"name": "上传 zfs-fssc-web 到内网 241",
"host": "192.168.0.241",
"protocol": "sftp",
"port": 22,
"username": "root",
"password": "abcd1234",
"remotePath": "/work/zte-vue/",
"context": "./zfs-fssc-web/dist",
"uploadOnSave": false
},
{
"name": "上传 BOE 到内网 241",
"host": "192.168.0.241",
"protocol": "sftp",
"port": 22,
"username": "root",
"password": "abcd1234",
"remotePath": "/work/zte-vue/boe/dist",
"context": "./boe/dist",
"uploadOnSave": false
}
]
上传文件的步骤和上传单文件一样。
写在最后
本文没有大篇章幅的讲述每个配置项的用途,主要已实际用途为主介绍,完整配置项说明点击此处查看。