VS Code 连接 Hostinger FTP

Hostinger Premium 主机只开放 FTP（Port 21），不支持 SFTP（Port 22）——插件名字叫 SFTP，但连 Hostinger 时协议要填 ftp，第一次设置很容易照插件名字直觉填错成 sftp。
装好 VS Code 的 SFTP by Natizyskunk 插件后，编辑完文件按 Ctrl+S 就会自动上传到服务器，不用再手动开 FileZilla 拖文件。
覆盖插件安装、.vscode/sftp.json 连线设定怎么填、日常怎么确认真的传上去了，以及换电脑时怎么手动同步（插件本身不会自动双向同步）。
适合网站本身只有 FTP 权限（没有 SSH/SFTP）的主机环境，跟《FileZilla 安装与连接设置》是同一类工具，差别是这个方案能做到「保存即上传」，不用每次都手动切到 FileZilla 操作。

重点内容

前置准备：从 Hostinger hPanel 拿 FTP 信息

hPanel → Files → FTP Accounts，记下以下资料：

项目	说明
FTP IP	例如 `46.202.186.157`（不含 `ftp://` 前缀）
FTP Username	例如 `u698277875.personalfinance.grownotic.com`
FTP Password	你的 FTP 密码
FTP Port	`21`
Folder	`public_html`

⚠️ Hostinger Premium 只支持 FTP（Port 21），不支持 SFTP（Port 22）。

安装与连线设置

VS Code 按 Ctrl+Shift+X 打开扩展面板，搜索 SFTP，选作者为 Natizyskunk 的版本，点 Install。
电脑上建一个本地项目文件夹（例如 C:\Users\你的用户名\Downloads\网站项目\），用 VS Code 打开（File → Open Folder）。
Ctrl+Shift+P → 输入 SFTP: Config → 回车，VS Code 会在 .vscode/ 文件夹里自动生成 sftp.json。
把内容改成（按自己的信息填）：

   {
     "name": "Hostinger Finance",
     "host": "46.202.186.157",
     "protocol": "ftp",
     "port": 21,
     "username": "u698277875.personalfinance.grownotic.com",
     "password": "你的FTP密码",
     "remotePath": "/public_html",
     "uploadOnSave": true,
     "syncOption": {
       "delete": false
     }
   }

📌 host 不能带 ftp:// 前缀，只填 IP；protocol 要填 "ftp"，不是 "sftp"；port 填 21；remotePath 要对应文件在服务器上的实际位置。

[截图：VS Code 里 .vscode/sftp.json 配置文件的编辑画面]

Ctrl+Shift+P → 输入 SFTP: Download Project → 回车，把服务器上现有的文件全部下载到本地。

日常使用

直接在 VS Code 编辑文件 → Ctrl+S 保存 → 自动上传到服务器，不用任何额外操作。
确认真的传上去了：打开 VS Code 底部的 Output 面板（Ctrl+Shift+U），切到 SFTP，看到 [info] local → remote 文件名.php 才代表上传成功；如果只看到 [info] [file-save] 文件名.php、没有 local → remote 那一行，代表没有真的传上去。

[截图：VS Code 底部 Output 面板切到 SFTP 频道，显示 local → remote 上传成功记录]

手动强制上传单个文件：右键文件 → Upload File，或 Ctrl+Shift+P → SFTP: Upload Active File。
手动同步整个项目：本地 → 服务器用 SFTP: Sync Local → Remote；服务器 → 本地用 SFTP: Sync Remote → Local。

两台电脑之间怎么同步

SFTP 插件不会自动在多台电脑之间互相同步，换电脑要手动处理：

离开当前电脑前：Ctrl+Shift+P → SFTP: Sync Local → Remote，确保最新版本已经上传到服务器。
换到新电脑后：Ctrl+Shift+P → SFTP: Sync Remote → Local，把服务器上最新的文件同步下来再开始编辑。

💡 如果经常在多台电脑之间切换，建议搭配 Git + GitHub 管理版本，比单纯依赖 SFTP 手动同步更安全、也更方便回滚。

常见误区

❌ 照着插件名字「SFTP」直觉把 protocol 填成 sftp、port 填成 22——Hostinger Premium 只支持 FTP，要填 "ftp" + 21，插件名字跟实际协议是两回事。
❌ host 字段带 ftp:// 前缀——只填纯 IP 地址，加了前缀会连不上。
❌ 保存文件后 Output 面板只看到 [file-save]、没看到 local → remote 就以为传上去了——通常是 remotePath 跟服务器实际目录结构对不上，要检查文件在服务器上实际的路径。
❌ 上传后网页没变化就以为插件坏了——先确认本地文件是不是真的存了最新内容（有没有忘记 Ctrl+S），再用 Ctrl+Shift+R 强制刷新清浏览器缓存排除干扰。

Sources

官方文档：

SFTP by Natizyskunk（VS Code Marketplace）