8个月前 (09-17)  技术 |   抢沙发  2170 
文章评分 0 次,平均分 0.0

vscode生态越来越好了,因为用到阿里云的函数计算,有支持到vscode插件,于是IDE换到了vscode,随之而来的就是代码同步的问题,网上的教程都太早或者有问题,基本都是一样的,一个人写了之后,其他人都复制粘贴。

首先,安装扩展 SFTP,这个可以支持FTP和sftp协议,无图无真相啊

vscode使用FTP或sFtp实现本地代码自动上传

然后呢,装了之后应该是需要重启下软件,左侧菜单最下面就有他了,如图

vscode使用FTP或sFtp实现本地代码自动上传

刚装上这里不会像我一样显示目录的,按下F1调出命令,输入sftp.config,选择工作区,工作区可以在左侧第一个菜单里面下面空白处右键添加,如下图

vscode使用FTP或sFtp实现本地代码自动上传

选择工作区之后,就会出现这个工作区对应的sftp配置的json文件,输入对应信息,这里最为关键,我下面解释下:

<code>{
    "name": "365keke.com",//展示到sftp列表,用于区分不同sftp
    "host": "你的Ip",
    "protocol": "ftp", //可选 sftp(就是ssh哈)或者ftp
    "port": 21,//端口号啊,如果选了ftp就是ftp的端口号,一般是21,如果是sftp一般是22
    "username": "账户",//ftp的账户密码,如果是sftp,那就是ssh的root账户密码
    "password": "密码",
     "passive": false, //不知道是啥,估计没用
    "interactiveAuth": true,//不知道是啥,估计没用
    "remotePath": "/",//远程路径哇
    "uploadOnSave": true,//本地修改自动更新,要的就是这个啊,不然装他作甚
    "syncMode": "update",//异步模式,更新模式哇
    //以下我们不深究了
    "ignore": [
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ],
    "watcher": {
        "files": "glob",
        "autoUpload": true,
        "autoDelete": true
    }
} </code>

最后配置好了的话,在刚才的左侧目录就可以看到文件了,但是双击不能编辑。这就要在工作区里面将远程文件都下载,如下图

vscode使用FTP或sFtp实现本地代码自动上传

下载好了之后,就在工作区这边编辑保存,就会自动更新到服务器了

 

觉得对你有帮助,麻烦点赞或者分享,也可以点击下方广告来支持我哦

发表评论

暂无评论

切换注册

登录

忘记密码 ?

切换登录

注册

扫一扫二维码分享