下载集成开发环境

  • PHP官网
  • Phpstudy 集成开发环境（推荐）
  • Xampp

  • IDE PHPStorm

    环境配置

    1. 下载 Phpstudy 集成开发环境（推荐）

  • 下载完成后 Next完成安装

  • 配置Phpstudy
  • 启动Apache或者Nginx服务器（二者选一个）
  • image.png
  • 添加网站 域名为本地 localhost 然后设置 网站根目录
  • image.png

  • 添加首页测试页面 index.html 或者 index.php

    1. <!DOCTYPE html>
    2. <!-- Created By HelloChen 07月15日 17:23:25 -->
    3. <html lang="zh-CN">
    4. <head>
    5.   <meta charset="UTF-8">
    6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.   <title>Document</title>
    8.   <style></style>
    9. </head>
    10. <body>
    11.     <div>HelloChen!</div>
    12. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    13. <script></script>
    14. </body>
    15. </html>
    1. <?php
    2. echo "Hello World!";
    3. ?>

  • image.png

  • 打开网站即可 首页可以更改其他名称，点击网站首页设置
  • image.png

  • image.png

    2. 自定义Phpstudy配置

  • 点击左侧环境可配置Web服务器、FTP服务器、数据库等版本

  • image.png
  • 点击设置https 可以设置SSL证书 如果没有SSL证书可以点击左下生成开发者测试证书
  • image.png
  • 设置伪静态点击网站设置 找到伪静态设置 自行百度伪静态规则

  • image.png

    3. PhpStorm配置

  • 下载PHP PHP官网

  • 下载 PHPStorm
  • 将下载后的php文件进行安装，并在系统环境变量中添加bin目录下的php.exe
  • 在PHPStorm中添加PHP环境变量
  • image.png
  • 配置脚手架地址 CLi
  • image.png
  • 本教程未配置Xdebug 如需调试php代码请自行百度解决