Real time preview of PHP in browser by vscade

People are writing html Real time preview can be used when , But in PHP It won't work , Although I have recommended “Open PHP/HTML/JS In Browser” This plugin , But there is no real-time preview function , It's very uncomfortable , Then I looked through the Internet and found a solution .

That's using “Live Server”, Maybe you'll say ：“ what ？ This is not a live preview html Yes, I don't know ？ You're not kidding .” Then I can only say that we have less knowledge , The first moment I saw it was unbelievable , It's just that I found this plug-in for Google and Firefox .

  Namely “Live Server Web Extension” This plugin , Google browser and Firefox To download .

（ Remember to click the text hyperlink to download ）

2. Configuration plug-ins .

First we open the plug-in .

 

  The discovery is an interface , Then we just need to configure two addresses .

 

①“Actual Server Address” Is the address where you access the actual server , Just like in my previous tutorial IIS The configured address , You also use XAMPP What's the server address , As shown in the figure below .

②“Live Server Address” Is to fill in the plug-in you use right click , There is one "Open with live server", Click to open the browser , Top address , As shown in the figure .

Next we turn on Vscode find Live Server, Open its expansion , Tick the bottom .

 

 

The final summary

1. Let's download the plug-in in the browser first .

2. Let's configure the address of the plug-in . The final effect is as shown in the figure .

3. We turn on Vscode Medium  Live Server plug-in unit , Open its expansion , Check on , As shown in the figure .

4. We enter your actual access address in the browser , Such as ：http://localhost:1553/blog/index.php 

After configuration, you can open the browser to test .