windows下搭建apache+php+mysql+vscode環境最詳細教程

查看配置的時候看了好多個鏈接,很多都是複製的,所以按照教程配置好之後,總是會缺點什麼。所以,我把我配置的完整過程記錄下來,與君共享。

 

下面是分別下載apache,php,VsCode,MySql

 

1.下載apache

這是windows下的幾個版本,選擇你需要的。下面截圖紅色框是我選擇的。

http://httpd.apache.org/docs/current/platform/windows.html#down

如果你需要我選擇的版本,直接跳轉到https://www.apachehaus.com/cgi-bin/download.plx

如果你也安裝了IIS,同樣作爲web服務器,同樣默認端口號是80,所以,你的apache端口需要修改,443端口最好也改。

a. 找到文件D:\wamp\apache\Apache24\conf\httpd.conf,查找80,全部替換成 8080(可以自己定義)。

b. 找到文件D:\wamp\apache\Apache24\conf\extra\httpd-ssl.conf,查找443,全部替換成 6443(可以自己定義)。

然後打開cmd 在D:\wamp\apache\Apache24\bin目錄下,

httpd -k install 

httpd -k start 

打開127.0.0.1:8080出現apache信息界面就是成功了,如果localhost:8080無法打開,可以看看https://blog.csdn.net/u014095878/article/details/107036701

出現問題的時候,需要httpd -k restart 重啓apache服務

 

2.下載PHP

https://www.php.net/downloads。選擇你需要的版本。

我選擇的版本是64位系統,線程安全的:https://windows.php.net/downloads/releases/php-7.4.7-Win32-vc15-x64.zip

第二個圖片的左邊有解釋。

如果要讓apache可以解析PHP,需要配置相關文件:

1. 打開文件D:\wamp\apache\Apache24\conf\httpd.conf,注意下面的地址要換成自己的PHP存放地址

#修改默認索引以支持PHP
DirectoryIndex index.php index.html index.htm 
#開啓rewrite功能
LoadModule rewrite_module modules/mod_rewrite.so
LoadModule php7_module D:/wamp/php/php7apache2_4.dll
<IfModule php7_module> 
    PHPIniDir "D:/wamp/php" 
    AddType application/x-httpd-php .php
    AddType application/x-httpd-php-source .phps
</IfModule>
<IfModule unixd_module>

2. 打開D:\wamp\php目錄,複製php.ini-development文件,改爲php.ini

3.下載VsCode

https://code.visualstudio.com/Download

現在我們打開Vscode,在E:盤 新建php_project文件夾專門存放php項目,新建php_demo作爲項目名稱。(因爲vscode不能創建項目,只能打開文件夾或者新建文件。),文件->打開文件夾->選擇php_demo,新建info.php文件。當然我們還要安裝PHP插件

PHP Debug / PHP DocBlocker / PHP Intelephense / PHP IntelliSense這4個是VsCode支持的擴展插件

在VsCode運行PHP代碼還差一個插件XDebug,這個是需要另外下載的,VsCode擴展沒有的

下載插件XDebug

https://xdebug.org/download

需要下載跟你PHP版本匹配的,還記得我們下載的是線程安全的版本嗎?所以這裏選擇帶TS標誌的,下載之後是一個php_xdebug-2.9.6-7.4-vc15-x86_64.dll文件,放在D:\wamp\php\ext目錄下。

下面來配置PHP插件,打開D:\wamp\php目錄,找到php.ini文件,添加下面部分,記得改爲自己的地址

[Xdebug]
zend_extension = D:/wamp/php/ext/php_xdebug-2.9.6-7.4-vc15-x86_64.dll
 
;是否開啓遠程調試自動啓動
xdebug.remote_autostart= on
;是否開啓遠程調試
xdebug.remote_enable= 1
;允許調試的客戶端IP,即調試的phpstorm主機所在地址
xdebug.remote_host="localhost"    
;遠程調試的端口(默認9000)遠程調試開啓的端口
xdebug.remote_port=9000               
;調試插件dbgp
xdebug.remote_handler="dbgp"

插件配置完畢,我們來查看是否成功

打開D:\wamp\apache\Apache24\htdocs目錄,新建index.php,裏面打印phpinfo

打開127.0.0.1:8080/index.php,顯示phpinfo信息,裏面有XDebug信息,插件就配置成功了。記得先重啓Apache再打開。

運行代碼配置

1.settings.json.文件->首選項->設置,選擇在settings.json編輯,添加下面部分

"php.executablePath": "D:/wamp/php/php.exe",
"php.validate.executablePath": "D:/wamp/php/php.exe"

2.launch.json文件。點擊側邊欄的爬蟲按鈕,再點擊設置圖標按鈕,會自動打開launch.json文件,配置調試信息,添加下面部分。

"configurations": [
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd":"${fileDirname}",
            "runtimeExecutable": "D:/wamp/php/php.exe",
            "port": 9000
        },
        {
            "type": "php",
            "request": "launch",
            "name": "Listen for Xdebug",
            "port": 9000
        }
    ]

3.菜單選擇運行->啓動調試,然後選擇Launch currently open script,點擊左邊綠色的運行,下面控制檯成功顯示打印信息。

4.下載MySql

https://dev.mysql.com/downloads/mysql/

下載完後,我們將 zip 包解壓到相應的目錄,這裏我將解壓後的文件夾放在 D:\wamp\mysql-8.0.20-winx64 下。

有些人在官網其他地址下載的是mysql-installer-community-8.0.20.0.msi文件,這個是軟件管理系統,可以選擇很多mysql相關程序安裝,佔內存,一下就沒了幾個G,還默認在C盤沒得選擇,在安裝的時候還有一兩個失敗的。所以我卸載了,重新下載了zip包,這個很簡單。

接下來我們需要配置下 MySQL 的配置文件

打開剛剛解壓的文件夾  D:\wamp\mysql-8.0.20-winx64,在該文件夾下創建 my.ini 配置文件,編輯 my.ini 配置以下基本信息:

[client]
# 設置mysql客戶端默認字符集
default-character-set=utf8
 
[mysqld]
# 設置3306端口
port = 3306
# 設置mysql的安裝目錄
basedir=C:\\web\\mysql-8.0.11
# 設置 mysql數據庫的數據的存放目錄,MySQL 8+ 不需要以下配置,系統自己生成即可,否則有可能報錯
# datadir=C:\\web\\sqldata
# 允許最大連接數
max_connections=20
# 服務端使用的字符集默認爲8比特編碼的latin1字符集
character-set-server=utf8
# 創建新表時將使用的默認存儲引擎
default-storage-engine=INNODB

接下來我們來啓動下 MySQL 數據庫:

以管理員身份打開 cmd 命令行工具,切換目錄:

cd D:\wamp\mysql-8.0.20-winx64\bin

初始化數據庫:

mysqld --initialize --console

執行完成後,會輸出 root 用戶的初始默認密碼,如:

...
2018-04-20T02:35:05.464644Z 5 [Note] [MY-010454] [Server] A temporary password is generated for root@localhost: APWCY5ws&hjQ
...

APWCY5ws&hjQ 就是初始密碼,後續登錄需要用到,你也可以在登陸後修改密碼。

輸入以下安裝命令:

mysqld install

啓動輸入以下命令即可:

net start mysql

然後開始登陸

mysql -u root -p

按回車確認, 如果安裝正確且 MySQL 正在運行, 會得到以下響應:

Enter password:

輸入上面的初始密碼即可

mysql是默認的DATABASE名。

輸入 use mysql

報錯,一定要你修改初始密碼、

按照下面修改即可。

alter user

'root'@'localhost' identified by '123456';

修改好之後刷新:   flush privileges;

MySql數據庫可以正常使用了。

接下來我們在VsCode中的PHP怎麼使用MySql呢

1.修改php.ini 文件。

a. 添加路徑 extension_dir = D:/wamp/php/ext

b.取消下面兩行的註釋(;分號是註釋)

extension=mysqli

extension=pdo_mysql

 

有些人看到很多教程,覺得很奇怪,爲什麼我的php.ini裏沒有extension=php_mysql.dll等等文件。

因爲聽說PHP7.4不支持php_mysql插件了,而PHP自帶mysqli和pdo_mysql插件,只要把這個註釋去掉就行,而且不知道是不是最新版的原因 extension=mysqli後面不再添加.dll後綴了。

而VsCode也不必再安裝Mysql,Mysql_syntax擴展插件。

下面在VsCode連接MySql數據庫

<?php
$servername = "localhost";
$username = "root";
$password = "123456";

// 創建連接
$conn = new mysqli($servername, $username, $password);
// Check connection
if ($conn->connect_error) {
    die("連接失敗: " . $conn->connect_error);
}
echo "連接成功";

// 創建數據庫
$sql = "CREATE DATABASE myTestPhpDB";
if ($conn->query($sql) === TRUE) {
    echo "數據庫創建成功";
} else {
    echo "Error creating database: " . $conn->error;
}
 
$conn->close();
?>

創建數據庫myTestPhpDB成功

下面在myTestPhpDB數據庫裏創建表MyGuests

<?php
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "myTestPhpDB";

// 創建連接
$conn = new mysqli($servername, $username, $password,$dbname);
// Check connection
if ($conn->connect_error) {
    die("連接失敗: " . $conn->connect_error);
}
echo "連接成功";
// 使用 sql 創建數據表
$sql = "CREATE TABLE MyGuests (
	id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, 
	firstname VARCHAR(30) NOT NULL,
	lastname VARCHAR(30) NOT NULL,
	email VARCHAR(50),
	reg_date TIMESTAMP
	)";
	 
if (mysqli_query($conn, $sql)) {
	echo "數據表 MyGuests 創建成功";
} else {
	echo "創建數據表錯誤: " . mysqli_error($conn);
}
	
mysqli_close($conn);
?>

然後我們到cmd窗口去查詢創建的數據庫和表

 

 

如果你不想這麼麻煩,就用服務器組件,它已經包含了 PHP、Apache、Mysql 等服務,免去了開發人員將時間花費在繁瑣的配置環境過程。下面有兩種服務器組件:

WampServer

WampServer只支持 Windows 系統,下載地址:http://www.wampserver.com/,支持32位和64位系統,根據自己的系統選擇版本。WampServer 安裝也簡單,你只需要一直點擊 "Next" 就可以完成安裝了。

XAMPP

XAMPP 支持 Mac OS 和 Windows 系統,下載地址:https://www.apachefriends.org/zh_cn/index.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章