是否可以使用Live-server for PHP,并在保存时自动加载?

kninwzqo  于 2023-08-02  发布在  PHP
关注(0)|答案(9)|浏览(355)

我尝试在VS Code for PHP上使用Live-Server扩展,但它只能打开“served”项目文件夹的“root”,并显示index.php作为可下载文件链接。
然后我阅读了Live-Server Web Extension并安装了它,但它仍然不工作。
(Yes,我在VS Code中的Live-Server配置设置中启用了Web扩展)。
我还尝试使用PHP服务器扩展,它在为项目服务方面做得很好,而不是在XAMPP中使用Apache,但我没有找到在保存时重新加载的方法。
有没有办法在PHP服务器上自动重载PHP?
除了在VS Code中安装Live-Server并在Live-Server配置设置中启用Web扩展之外,Live-Server Web扩展是否需要其他功能?
我在GIF/视频中看到它对一些人有效,但我没有设法解决它。

bqucvtff

bqucvtff1#

首先,我想告诉你,Live Server,这是在可视化代码市场的地方是你的问题的解决方案。它主要适用于HTML等静态网页,但也适用于PHP、NodeJs和ASP.NET等动态网页。在下面的例子中,我将指导你安装一个实时服务器,它可以同时使用两个网页(静态和动态)。
1.从VS Code市场安装PHP ServerLive Server
1.创建一个PHP文件,例如index.php,并将其放在/var/www/html/下的任何子目录(比如demo)中,比如/var/www/html/demo/
1.在chrome浏览器中安装live server extension,然后像这样编辑。x1c 0d1x的数据
1.现在点击VS代码中的“Go Live”按钮。

5.现在打开位于VS Code/var/www/html/demo/下的index.php文件,右键单击并选择“PHP Server:重新加载服务器”then“PHP Server:在浏览器中打开文件”.

1.在浏览器中只需打开IP地址
http://localhost:3000/demo/index.php
你会看到它在一个动态网页的实时服务器中工作,比如PHP。当您编辑并保存带有运行VS代码的index.php文件时,它将自动更新到该IP地址。

pes8fvy9

pes8fvy92#

我遇到了类似的问题,我想我已经找到了解决办法。安装php服务器和live服务器后,转到live服务器的web扩展并选中“我不需要代理设置”。对于实际的服务器地址,输入你的php服务器地址(对我来说,默认值是http://localhost:3000/),对于实时服务器地址,如果你保留了实时服务器的默认地址和端口,输入http://127.0.0.1:5500。在我的settings.json中,我将“liveServer.settings.useWebExt”设置为true,但出于某种原因,将其设置为false对我来说并没有什么不同。
我不知道如何让它打开php服务器地址,而不是live服务器地址时,按下“go live”。它仍然带来了目录结构,我认为问题在于live server不在php服务器的工作目录中,如果这有意义的话。然而,如果你转到php服务器地址(localhost:3000/),php页面对我有效,按ctrl+s保存更新页面正确。
我希望这有帮助!

swvgeqrz

swvgeqrz3#

对于在Visual Studio Code中的PHP文件中自动重新加载:
1.安装Live Server扩展。
1.安装PHP Server扩展。
1.配置PHP服务器:(PHP配置路径),(PHP路径)。
1.安装Google Chrome Live Server扩展。
1.在Visual Studio Code中打开PHP文件并“单击以运行Lie Server”。
1.复制打开的页面地址,并将其传递到Live Server Chrome扩展中的“Live Server Address”中,然后单击“Apply”。
1.再次切换到Visual Studio Code,右键单击PHP文件,然后单击“PHP服务器:重新加载服务器”,它将在浏览器中打开您的PHP文件,只复制IP和端口(例如:http://localhost:3000)并将其粘贴到Google Chrome扩展的实时服务器中的“实际服务器地址”上,然后单击应用。
1.在Chrome扩展的实时服务器中打开实时重新加载。现在,无论何时使用“PHP Server:重新加载服务器”,它将在每次保存时自动重新加载。
注意:对于自动重新加载活动的自动保存并设置400ms延迟的良好经验。

gopyfrb3

gopyfrb34#

vs-code的live-server有一个改进版本,叫做five-server。此扩展支持PHP。你必须将fiveserver.config.js放入你的项目的根目录中,这可能是一个示例配置:

module.exports = {
  php: "/usr/bin/php", //php executable
  root: 'www', //root directory of your project, where the liveserver looks
  open: 'index.php', //entrypoint of your php project
  injectBody: true //enable live reloading
}

字符串
另外,请确保在index.php中添加HTML标记,否则它将无法工作(404 Error)。一个示例index.php,适用于我:

//index.php
<!DOCTYPE html>
<html lang="en">
    
    <body>
        <?php
    echo "The Force is strong with you";
    ?>
    </body>
    
</html>

lqfhib0f

lqfhib0f5#

这个解决方案适合我,但我不得不安装一个php-7.4.24的本地副本,并配置PHP_Server扩展来查看它,然后我一直得到mysqli和curl错误,直到我编辑了php.ini并在我的本地安装php7中添加了扩展的完整路径
扩展名=“C:\php-7.4.24\ext\php_mysqli.dll”
扩展名=“C:\php-7.4.24\ext\php_curl.dll”
仅使用以下方法不起作用:
扩展名=“php_mysqli.dll”
扩展名=“php_curl.dll”

xtupzzrd

xtupzzrd6#

我从第一个答案开始就做了,但我发现我所要做的就是
安装Firefox和VSCode的Live Server插件Laravel我在VSCode右下角运行php artisan serve --host 192.168.0.104 --port 8001-> Go Live,然后打开一个页面,我关闭它在Firefox插件中,我更改了链接,实际服务器地址为http://192.168.0.104:8001,Live服务器地址为那些不工作的页面,即http://127.0.0.1:5500
x1c 0d1x的数据
就这样

b0zn9rqh

b0zn9rqh7#

经过大量的试验和错误,我得到了它与这些设置的工作。
Click to see imagen configuration

tjrkku2a

tjrkku2a8#

把这个Meta标签放到你的代码中,为我工作<meta http-equiv="refresh" content="10">

js5cn81o

js5cn81o9#

Download the chrome extension-您还必须在VS代码上添加实时服务器扩展
实际服务器地址= http://localhost/(insert_folder_name_here)/实时服务器地址= http://127.0.0.1:5500/(insert_php_file_name).php
使用示例html文件查找Live服务器地址,如果这不适合您,或者
OR Watch this video to setup it up

相关问题