WebStorm怎么连接服务器_WebStorm配置SFTP上传教程

大晨同学_6772

大晨同学_6772

2026-05-27

781人浏览

原创

webstorm连接服务器必须用sftp,host填公网ip或域名、user name填ssh用户名、root path填项目绝对路径(如/var/www/html),三者须与终端ssh user@host -p port完全一致。

webstorm怎么连接服务器_webstorm配置sftp上传教程

WebStorm 连接服务器不是“配个 FTP 就能用”,SFTP 是唯一靠谱的选择;配错 Host、User name 或 Root path 三个字段,Test Connection 永远失败,上传后 404 却不报错。

Connection 里 Host / User name / Root path 填什么才对

这三个值必须和你实际能 ssh 登录服务器的参数完全一致:

  • Host 必须是公网可直连的 IP 或域名(不能填 localhost、127.0.0.1 或内网地址如 192.168.x.x)
  • User name 是 SSH 登录用户名,不是云厂商控制台账号(例如阿里云 ECS 默认是 root 或 ubuntu,不是你注册时用的邮箱)
  • Root path 是项目在服务器上真实运行的绝对路径,开头必须带 /:  • Nginx 静态站 → 填 /var/www/html  • Tomcat 应用 → 填 /opt/tomcat/webapps/myapp  • PHP 项目根目录 → 填 /var/www/myproject
  • 端口默认是 22,改过 SSH 端口的必须手动输,别信默认值
  • 点 Test Connection 前,先在终端执行:ssh user@host -p port —— 能通,WebStorm 才可能通

Mappings 中 Local path 和 Deployment path 怎么配不踩坑

这不是“映射”,而是“本地哪块 → 传到服务器哪块”的单向搬运规则:

WebStorm Linux版
WebStorm Linux版

WebStorm 2026.2 Linux tar.gz 安装包,适合在 Linux 桌面环境中搭建现代前端开发与调试工作流。

下载
  • Local path 一般就是你 WebStorm 项目根目录(比如 ./),保持默认即可
  • Deployment path 必须是 Root path 的子路径,且以 / 开头:  • 若 Root path 是 /var/www,则 Deployment path 应填 /myapp,不是 myapp(少斜杠会传到系统根目录)
  • 如果项目要部署为子路径(比如访问 https://example.com/admin),Deployment path 就得填 /admin,和 Web Server URL 末尾严格一致
  • 多个模块需分路径部署?点 Add another mapping 单独加,比如:src/api → /api
  • 不想传 node_modules 或 .git?切到 Excluded paths 标签,加 /node_modules、/.git(注意是正斜杠,不是反斜杠)

自动上传选 “Always” 还是 “On explicit save action”

选 On explicit save action 更安全可靠:

  • Always 会把尚未保存的草稿、临时文件(比如正在编辑但没按 Ctrl+S 的 JS 文件)也推上去,导致服务器跑着半截代码
  • On explicit save action 只在你真正按下保存快捷键时触发,行为可控
  • 注意:自动上传 ≠ 自动同步 —— 它只上传本地变更,不会拉取服务器上别人改的文件。多人共用测试机时,开自动上传却没定期 Download,很容易覆盖他人改动

上传后权限不对或文件 404,怎么查

WebStorm 不会自动猜你文件该是什么权限,也不会校验路径是否真能被 Web 服务访问:

  • 权限问题:进 Deployment > Options > File permissions > Advanced options…,勾选 Use custom file permissions,填:Files:644、Directories:755;特殊文件如 .env 需单独加一行:.env => 600
  • 404 问题:90% 是 Root path 或 Deployment path 填错,检查是否和 Nginx/Apache/Tomcat 实际配置的 root 或 docBase 一致;再确认服务器上对应路径下是否有 index.html 或可执行入口
  • 最常被忽略的一点:WebStorm 配置完后,必须点击左上角的 √ 把它设为 default server,否则右键上传时找不到目标,或上传到错误位置

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
服务器是什么
服务器是什么

服务器是一种计算机硬件设备或软件程序,它具有强大的计算和存储能力,用请求、存储数据和提供服务。它在互联网中着关重要的作用,为用户提供各种服务和资源。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.15

457

5

连接apple id服务器时出错
连接apple id服务器时出错

连接apple id服务器时出错的原因包括网络连接问题、服务器问题、Apple ID账户问题、设备问题、防火墙或安全软件问题、时间和日期设置问题、Apple服务器维护等。本专题为大家提供apple id相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.08

920

5

搭建互联网服务器
搭建互联网服务器

搭建互联网服务器需要:1、选择合适的硬件和操作系统,第一步是选择合适的硬件和操作系统;2、安装和配置操作系统,是搭建互联网服务器的关键步骤;3、安装和配置服务器软件,是搭建互联网服务器的下一步,常见的服务器软件包括Apache、Nginx、Tomcat等;4、配置防火墙和安全性,是搭建互联网服务器的重要步骤;5、域名解析和配置,是搭建互联网服务器的最后一步。

2023.09.19

2952

5

如何查看服务器状态
如何查看服务器状态

查看服务器状态的方法有使用命令行工具、图形界面工具、监控工具、日志文件和远程管理工具等。本专题为大家提供服务器状态相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.09

976

5

服务器域名转接慢怎么解决
服务器域名转接慢怎么解决

服务器域名转接慢的解决办法有DNS优化、服务器优化、CDN加速、前端优化和网络优化等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.17

889

5

服务器评测软件
服务器评测软件

服务器评测软件有PassMark Software、CPU-Z、GPU-Z、CrystalDiskMark、IOmeter、JMeter、LoadRunner、Apache Bench等等。详细介绍:1、PassMark Software是一款综合性的服务器性能测试软件,可以评估服务器在各种负载条件下的性能;2、CPU-Z是一款可以提供服务器CPU详细信息的软件等等。

2023.10.17

454

3

如何开启TFTP服务器
如何开启TFTP服务器

开启TFTP服务器的步骤包括选择TFTP服务器软件、下载和安装软件、配置TFTP服务器以及启动和测试服务器等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.18

2676

4

服务器负载不兼容怎么解决
服务器负载不兼容怎么解决

解决方法:1、增加服务器资源;2、负载均衡;3、优化应用程序;4、增加缓存机制;5、分布式架构;6、限流和熔断;7、自动化扩容。想知道更详细服务器负载不兼容的解决方法,可以访问本专题下面的文章。

2023.10.20

5012

4

宽带如何接入服务器
宽带如何接入服务器

宽带接入服务器的方法有ADSL宽带接入服务器、光纤接入服务器、无线接入服务器和以太网接入服务器等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.20

787

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程