一、下载VScode插件:SFTP
二、配置插件 在VScode中ctrl+shift+p
,输入SFTP:config
,选中并回车,再选择一个项目回车。系统会自动在项目根目录创建.vscode/sftp.json
默认的配置文件,修改为需要的配置即可:
{
"name": "My Server",//服务器名称,会显示在VScode左侧的sftp服务器列表中
"host": "192.168.0.0",//服务器IP地址
"protocol": "ftp",//模式
"port": 21,//端口
"username": "admin",//用户名
"password": "123456789",//密码
"remotePath": "/public_html/",//要连接的FTP目录,如果没有子目录,设置为“/”即可
"uploadOnSave": true,//如果是直接编辑的项目,可以设置为保存后自动上传。基于webpack的项目通常要打包到另外的文件夹,可忽略
"watcher": {
"files": "life/",//监控项目的文件夹,上传时会将整个文件夹上传,如果的基于webpack的项目,需要修改打包后的文件夹名称,跟FTP的目录一致
"autoUpload": true,//监听到更改后自动上传
"autoDelete": true//上传时自动删除旧文件
}
}