关于vscode利用ftp管理服务器的项目
因为公司以前留下的问题,导致项目是前后端不分离的。所以在修改代码的时候很是麻烦,因为在本地写的代码后期需要对代码中动态数据进行后台语言标签的嵌入,在整个项目后期的维护中很是不方便。所以今天才想到利用ftp同步项目代码。在这简单的介绍下vscode的操作
1在vscode的商店里安装ftp-sync

2,为了不必要的麻烦建议重启vscode,然后把你需要保存文件的空文件夹拖进软件(没有文件目录是无法进行项目的下载的)然后按F1或者ctrl+shift+p,使用快捷键 command+shift+p(mac快捷键 )然后出现命令框图2。输入Ftp-sync:Init出现一个json的配置文件(图3)


需要配置的参数有6个,其他默认即可
"remotePath":要导出项目的地址 “/”为根目录
"host": 服务器地址
"username": ftp/ftps账号
"password": 密码,
"port": 默认是21为ftp的 ftps是22
"protocol": 工具类型 ftp 或者ftps ftp是默认的
"uploadOnSave": 默认是false 设置为ture就可以通过ctrl+s保存会与服务器同步
3接下来是导出项目到本地,使用快捷键调出如下界面:输入: ftp-syns:Local to Remote (图4) 然后按照下图顺序选择等待文件下载完成,软件的坐下家会有下载进度



软件左下角可以看到执行进度图7

4下载完成后会出现下图选择第1个 第二个是下载文件目录 的

5然后等待,服务器的项目会逐渐下载到你所拖入的那个文件夹下最后效果如图9 后续修改代码后如果配置uploadOnSave 为true 的直接ctrl+s直接与服务器项目同步了,当然uploadOnSave设置为false的话需要手动命令同步命令是Ftp-sync:Commit

6最后分享些命令
local to Remote: 是启动一个向导,把本地文件同步到远程,用于手动同步 也是文中出现的。
Remote to Local: 启动一个向导,用于把远程文件同步到本地也是文中出现的 与上一个命令刚好相反。
Sync Current file to Remote: 是同步当前窗口文件到远程机器。
Upload file/Folder: 上传文件、文件夹。
Commit: 查看本地和远程文件的差别,然后同步。