VSCodeでFTP(S)経由によるファイル自動アップロード

Extensions(Ctrl + Shift + X)からnatizyskunk.sftpを入力し、SFTPをインストール

Ctrl + Shift + Pを推しftpと入力し、SFTP: Configを開く

Configを書いて保存

{
    "name": "My Server",
    "host": "sv14460.xserver.jp",
    "protocol": "ftp",
    "port": 21,
    "username": "[e-mail]",
    "password": "your password",
    "remotePath": "/xs679698.xsrv.jp/public_html/",
    "uploadOnSave": true
}

必須項目

host

protocol

ftp

port

21
https://www.xserver.ne.jp/manual/man_ftp_spec.php

username

password

remotePath

uploadOnSave

trueにすると保存時に自動アップロードされます

ファイルを保存して自動アップロード

FTPS

"secure": trueに設定する

{
    "name": "My Server",
    "host": "sv14460.xserver.jp",
    "protocol": "ftp",
    "port": 21,
    "secure": true,
    "username": "[e-mail]",
    "password": "your password",
    "remotePath": "/xs679698.xsrv.jp/public_html/",
    "uploadOnSave": true
}

.vscode/と.git/を除外する

.vscode\sftp.jsonにパスワード記載してるなら除外しましょう

{
    "name": "My Server",
    "host": "sv14460.xserver.jp",
    "protocol": "ftp",
    "port": 21,
    "secure": true,
    "username": "[e-mail]",
    "password": "your password",
    "remotePath": "/xs679698.xsrv.jp/public_html/",
    "uploadOnSave": true,
    "ignore": [
        ".vscode",
        ".git"
    ]
}