查看配置的時候看了好多個鏈接,很多都是複製的,所以按照教程配置好之後,總是會缺點什麼。所以,我把我配置的完整過程記錄下來,與君共享。
下面是分別下載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
需要下載跟你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。