【小白专用】VSCode下载和安装与配置PHP开发环境（详细版） 23.11.08

• 1. 下载VSCode
• 2. 解决VSCode下载速度特别慢
• 3. 安装VSCode

一、VSCode介绍

VSCode 是一款由微软开发且跨平台的免费源代码编辑器；该软件支持语法高亮、代码自动补全、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。

二、官方下载地址

首先去vscode官网下载

Visual Studio Code - Code Editing. Redefined

点击“Download for Windows” 下载Windows版本；点击Download选择下载其他版本；

根据自己的情况选择合适的版本，进行下载

点击上面的下载之后，等待下载完成：

3. 解决VSCode下载速度特别慢

我是用Microsoft Edge浏览器，点击下载，可以跳转到下载内容页面

鼠标放置在下图红框中，右键鼠标，复制链接地址

https://az764295.vo.msecnd.net/stable/2b35e1e6d88f1ce073683991d1eff5284a32690f/VSCodeUserSetup-x64-1.84.1.exe

将复制号的下载链接地址放到任意地方，并将蓝色区域的地址替换成国内镜像地址：vscode.cdn.azure.cn

将替换后的地址输入到浏览器的地址栏中，如下图所示，按enter键即可快速下载

速度是不是立刻提升了。

三、VSCode安装

1、点击我同意此协议，点击下一步；

2、点击浏览，选择安装路径，点击下一步；

3、添加到开始菜单，点击下一步；

4、根据需要勾选，点击下一步；

四、开始使用VSCode

1、安装中文语言包并将显示语言改为中文，点击安装并重启；

双击打开vscode，如果为了后续操作的方便可以先右击以管理员方式打开vscode。打开后看到左边从上到下第五个点击，在输入框输入Chinese，然后选择第一个插件进行下载，不然刚开始打开vscode界面是全英文的。

等待安装完成，点击”Change Language and Restart”

安装完成

2、插件PHP Debug

点击扩展栏，输入PHP，选择PHP Debug安装。

点击VSCode的 文件-首选项-设置(ctrl+,) 

在设置里面的扩展找到php

点击setting.json添加以下一行配置：

{"php.debug.executablePath": "I:/tool/php/php.exe",//地址是php.exe文件所在的位置"php.validate.executablePath": "I:/tool/php/php.exe",//地址是php.exe文件所在的位置}

点击setting.json找到php.validate.executablePath添加地址: php.exe文件所在的位置

3、插件PHP server

① 安装插件 PHP Server（如下图所示），这个插件可以让 .php 文件直接右击运行于浏览器中，不需要借助于 xampp 的 Apache。

Browser填写浏览器路径：D:/Google/Chrome/chrome.exe

PHP Path:   I:/tool/php/php.exe // PHP运行文件

phpConfigPath: php.ini //配置文件, 不填使用默认的（我没填）

注意：该插件用于个人测试及小网站的开发是没有任何问题的，不过大型应用还是要配合 Nginx 或 Apache 以达到最高效率。

③ 补充：修改 PHP Server 默认端口号

PHP Server 默认端口号为 3000，这是可以修改的。

注意：这里我们在浏览器中输入的是 http://localhost:80/index.php，然而在浏览器地址中为什么显示的却是 localhost/index.php 呢？这是因为浏览网页服务默认的端口号HTTP是80，HTTPS是443，如果设置端口号一致会自动省略。另外如果 .php 文件为 index 命名，则只需要在浏览器输入 localhost 即可，因为服务器会默认访问index.php 这个页面
 

五、运行调试

随便创建一个测试文件夹，用 vscode 打开，新建个 php 文件，输入代码

注意，一定要以打开文件夹的形式才能成功设置断点调试，单个文件无效。可以选择I:/tool/www/phptest

新建项目，新建index.php文件

<?php
$a = 'hello world';
echo $a;
?>

在浏览器中打开要调试的php（不是文件路径而是服务器的地址(http://localhost:3000/index.php）,VSCode就会命中到打断点的地方。

运行结果

六、运行调试

可以选择右键 PHP Server：Serve project，如下图所示。直接跳转到浏览器