2021-01-25

1.Xmapp本地环境的安装与配置：

视频连接：https://v.qq.com/x/page/c01688gd1tt.html

软件下载地址：https://www.apachefriends.org/index.html

安装报错，端口号被占用：https://blog.csdn.net/qq_20916555/article/details/49538667

 

1. 安装VS code，并安装html和css的插件

安装方式地址：https://blog.csdn.net/nighthuskie/article/details/107191271

Js  html css所需插件：https://www.cnblogs.com/ycg-myblog/p/10128907.html

Php所需插件：https://www.cnblogs.com/wjlbk/p/12633513.html

 

1. XAMPP中apache配置本地多根目录多端口

  1）添加监听端口

在安装的xmapp文件夹下D:\xampp\apache\conf  里面有一个httpd.conf文件，打开该文件夹可以看到Listen 80，在下面新增需要监听的端口，注意新添加的端口不能被占用。

 

 

重新启动xmapp  可以看到新增的端口

 

1. 开启虚拟站点

继续将该文件中的

# Virtual hosts
#Include conf/extra/httpd-vhosts.conf

改为

# Virtual hosts
Include conf/extra/httpd-vhosts.conf

（就是去掉注释符号#）

 

1. 配置httpd-vhosts.conf

 

找到D:\xampp\apache\conf\extra文件夹下的httpd-vhosts.conf，打开文件，在文件夹下配置下面的代码，并且在D:\xampp\htdocs\test下生成index.php文件

<VirtualHost *:8082>

    DocumentRoot "D:\xampp\htdocs\test"

    ServerName localhost

    <Directory "D:\xampp\htdocs\test">

    Options Indexes FollowSymLinks MultiViews

    AllowOverride all

    Require all granted

    </Directory>

</VirtualHost>

 

 

也可在xmapp文件外面生成项目目录如下图所示

<VirtualHost *:8081>

    DocumentRoot "D:\课件\php"

    ServerName localhost

    <Directory "D:\课件\php">

    Options Indexes FollowSymLinks MultiViews

    AllowOverride all

    Require all granted

    </Directory>

</VirtualHost>

 

 

 

1. 重新启动xmapp中的apache，并且在浏览器中输入localhost:8081 和 localhost:8082，可看到相对应的php页面。

 

参考视频（有一些不同）：https://www.bilibili.com/video/av93938479/