php编程环境@实时预览php修改结果@vscode开发php实时预览配置

环境搭建 🎈

安装 PHP 环境

• PHP: 手动安装预编译的二进制文件 - Manual

• 推荐使用集成环境，例如phpstudy(小皮), XAMPP（包含 Apache、MySQL、PHP 和 Perl）或 WAMP/MAMP。

• 下载安装后，将 PHP 文件放入服务器根目录（例如 XAMPP 的 htdocs 文件夹），即可通过浏览器访问。

配置编辑器

• 可以使用 Visual Studio Code、PHPStorm 等编辑器，它们支持语法高亮、调试插件等功能。

vscode+php

• PHP Server - Visual Studio Marketplace

  • vscode有php server插件,可以充当服务器的角色,并且支持切换不同的php版本
  • 使用php server:open指令或者右键找到预览指令查看php运行结果

• Live Server - Visual Studio Marketplace

  • 配合浏览器插件辅助实习实时预览php修改结果

• PHP Awesome Snippets - Visual Studio Marketplace

  • 提供了几种php标签的简写代码片段(更多详见文档)

  • Snippet	Output
    php	<?php ...?>
    po	<?php...
    pc	?>
    peco	<?= ... ?>

• PHP Snippets from PHPStorm - Visual Studio Marketplace

  • 在<?php ?>内部编写php代码是使用

• Open I - Visual Studio Marketplace

实时预览

• Vscode实现PHP在浏览器实时预览_live server web extension-CSDN博客
  • 需要区分包含php的服务器(地址)和liveServer预览服务器(地址)
  • php实时预览开发环境的服务器可以都用vscode插件实现:php server和live server组合使用
  • live server只是提供一个实时预览的支持,我们要在vscode的live server 插件配置中启用use web ext选项
• 浏览器插件下载
  • GitHub - ritwickdey/live-server-web-extension: It makes your existing server live. This is a browser extension that helps you to live reload feature for dynamic content (PHP, Node.js, ASP.NET – Whatever, it doesn’t matter)
    • edge/chromeLive Server Web Extension - Chrome Web Store
    • Live Server Web Extension – Get this Extension for 🦊 Firefox (en-US)
  • 

实时预览动态演示图