vsCode开发PHP项目配置ftp和本地预览

使用vsCode开发PHP项目,配置ftp步骤如下:

1、首先下载ftp-sync插件安装。安装完成就可以使用了。

2,建立一个项目文件。

3、配置ftp-sync:init文件才能使用,使用快捷键 command+shift+p(mac快捷键 ) 调出如下界面:然后输入:ftp-syns:init 回车:会看到一个json数据的文本;

vsCode开发PHP项目配置ftp和本地预览

json文件配置如下:

vsCode开发PHP项目配置ftp和本地预览

到目前为止你的ftp就搭建好了,可以尽情的使用了,同步文件需要两个步骤,都是都是使用命令的方式:

第一步:使用快捷键调出如下界面:输入: ftp-syns:Local to Remote 命令 然后等待。。。

vsCode开发PHP项目配置ftp和本地预览

选择第二个命令。。等待。。。。

vsCode开发PHP项目配置ftp和本地预览

第二步:等待完成后会出现如下界面:选择第一个命令:等待一会文件就同步到服务器了。

vsCode开发PHP项目配置ftp和本地预览


如果需要在本地预览你的PHP项目的话,需要配置tasks.json文件:

快捷键打开如下面板:输入: Tasks:Configure Task 命令:

vsCode开发PHP项目配置ftp和本地预览

接着会打开一个json文件,你需要把json文件的内容全部删除,换成下面的配置信息:

{
"version": "0.1.0",
"command": "php",
"args": [
"-S", "127.0.0.1:8080",
"-t", "${workspaceRoot}"
]
}

OK,本地预览配置完成!

接着如何使用呢?

首先你要运行Task就行了,快捷键调出如下界面:输入:Tasks: Run Task 即可:接着你就可以在浏览器 输入:127.0.0.1:8080来访问你的网站了。

vsCode开发PHP项目配置ftp和本地预览


完成!