使用sftp

一、背景

新项目组前端部署方式是Build打包生成dist文件,交由后端部署。后来知道了vscode安装sftp前端可以自行部署。

二、实操

1、vscode安装sftp

使用sftp_第1张图片2、 配置

①F1 / ctrl+shift+p

②命令行输入sftp -> 选择 sftp: Config

③配置信息介绍

{
    "name": "anYang",         // 项目名称,随意任取
    "host": "172.16.0.185",   // 远程主机的ip地址   后端服务地址
    "protocol": "sftp",       // 协议固定,无需修改
    "port": 22,               // 端口号,一般为22
    "username": "root",       // 远程主机用户名
    "password":"Dataway2021!",// 远程主机密码
    "remotePath": "/data/project/yst-city-xixian/web",// 远程文件夹路径,
    "context": "dist",        // ----上传的文件----也可以为路径
    "uploadOnSave": true,     // 本地跟新文件保存后,会自动同步到远程(不会同步重命名和删除)
    "downloadOnOpen":false,   // ----
    "ignore": [               // 忽略:匹配文件时不会同步
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ],
    "watcher": {               // 监控重命名文件和删除文件
        "files": "*",
        "autoUpload": false,   // 文件修改和重命名自动同步
        "autoDelete": false    // 文件删除会自动同步
    }
}

 3、启动(dist包打好以后启动sftp)

使用sftp_第2张图片

使用sftp_第3张图片

 vscode 使用 SFTP_vscode sftp_口十木木三的博客-CSDN博客

你可能感兴趣的:(前端)