XAMPP的基本安装和项目部署

本文介绍了XAMPP作为本地服务器在Web前端开发中的使用,详细讲解了XAMPP的安装过程,包括遇到端口占用问题时的解决办法,以及如何创建桌面快捷方式以方便使用。通过在浏览器中输入localhost:8080进行测试,确认安装成功。

       在学习Web前端开发的过程中呢,一般需要一款软件当做本地服务器,然后将我们自己写的项目部署到里面,然后在浏览器中通过本地服务器的方式来打开这个项目,在这里呢,我使用的是一款软件包,这个软件包叫XAMPP。

       XAMPP的介绍:XAMPP是一款非常强大的软件,里面集成了Apache、MySQL、PHP、PERL,是一个功能强大的建站集成软件包,非常的便捷。

      我在这里附上XAMPP的软件安装包的地址:https://pan.baidu.com/s/1I0dOfdLK7OV64hpBdaG7cw 

                                                                            提取码:rjla

现在有了XAMPP软件,我们就可以开始安装了,找到这个程序,并且双击它

      

双击上面这个程序后会出现如下一些界面

在上述界面点击的时候,有时候会弹出一个cmd的命令窗口,不过不用管,我们只要把那个窗口关闭就好了,然后在最后一步的时候点击finish,然后这个软件就会自动运行,弹出这个界面

然后我们试着开启Apache服务器和MySQL数据库

接着你会发现MySQL可以正常运行,但是Apache运行的时候可能会报错,如下所示

这个报错的原因是这个程序需要运行的端口被占用了,我们可以进行端口更改

首先我们点击Apache对应的Config,如下图所示

然后会弹出一个txt文本,然后我们找到Listen:80和ServerName localhost:80然后将这两个80都修改成8080,然后保存关闭,修改后的效果如下所示

接着我们打开

然后也会弹出一个txt文档,然后我们在里面找到Listen:443和ServerName localhost:443改成Listen:4433和ServerName localhost:4433,修改成功入下图所示

然后保存并且关闭,然后重新运行XAMPP软件,然后在运行Apache就会发现已经可以运行成功了,Apache颜色会变成绿色

如下图所示

接下来我们找到XAMPP这个文件夹,我的是在C:\xampp,然后在一直往下拉,在里面找到

然后鼠标点击右键,点击发送到,然后创建桌面快捷方式

然后在桌面就可以看到,已经有了XAMPP的桌面快捷方式了,只要点击这个就可以运行XAMPP程序了,非常的方便

以上是XAMPP的软件安装,接下来安装完成后,我们来进行测试安装是否成功

我们找到C:\xampp里面的htdocs的文件夹,一般项目都是部署在这个文件夹里面的

我们找到电脑的浏览器,我使用的市谷歌浏览器,在地址栏输入localhost:8080,然后回车,如果现实下图,就表示安装成功了

以上就是XAMPP软件的安装和测试步骤,谢谢大家的观看,由于这是我第一次写博客,如果有写的不好的地方希望大家多多包涵,谢谢大家的支持!

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值