1. vscode介绍
Visual Studio Code(简称VScode)是一款由微软开发的,可以在Windows、Linux和macOS上运行的免费源代码编辑器。它内置了对多种编程语言以及常见的开发工具的支持,如Git等,同时也支持大量的插件扩展。VScode的快捷键设计更是让使用者感到爽快。
2. vscode支持的编程语言
VScode提供了对40 多种语言的支持,包括JavaScript、TypeScript、HTML、CSS、XML、JSON、Markdown、Go、Java、C++、Python、Swift、Ruby、PHP等等。
2.1 PHP 在VSCode中的支持
PHP是一种流行的服务器端脚本语言,在VSCode中同样也有着不错的支持与扩展。VSCode中提供了PHP Debug插件,该插件为PHP编写者带来了调试PHP代码的能力。使用该插件,我们可以轻松地设置断点、单步执行,甚至是逐层返回来查看代码的执行过程,从而提高了PHP编写的效率与质量。另外,VSCode还带有方便的代码自动补全功能。
2.2 安装PHP插件
首先,我们需要在VScode中安装PHP插件。在Extensions标签中,搜索"PHP",选择"PHP IntelliSense"插件并安装。
然后在设置中找到"php.validate.executablePath"选项,将其设置为PHP解释器的路径。这个路径可以通过命令行输入"php -v"查看,具体路径根据你的PHP环境来决定。比如:
"php.validate.executablePath": "C:\\php\\php.exe"
3. PHP编写设置
3.1 PHP开发设置
为了让我们能够愉快的编写PHP程序,我们需要为VSCode进行一些设置。选择"File" -> "Preferences" -> "Settings"打开设置面板,搜索"php",找到以下设置:
"php.suggest.basic": false,
"php.validate.executablePath": "C:\\php\\php.exe",
"php.validate.run": "onType",
"php.validate.enable": true,
"php.validate.deprecationWarnings": true,
"php.validate.tools": [{
"name": "php",
"path": "C:\\php\\php.exe"
}]
其中,
1. "php.suggest.basic": false 表示关闭默认提示,让插件中的PHP特定提示生效。
2. "php.validate.executablePath": "C:\\php\\php.exe" 指定PHP解释器的路径。
3. "php.validate.enable": true 表示激活PHP验证,并在打开PHP文件时自动验证PHP语法。
4. "php.validate.run": "onType" 表示实时检查PHP代码语法错误。
5. "php.validate.deprecationWarnings": true 显示PHP版本已经弃用的警告。
3.2 PHP代码自动补全
在VSCode中使用PHP代码自动补全,我们需要首先安装PHP IntelliSense插件。该插件使用内置类型声明、函数参数及返回类型声明,方法和类的继承关系等元信息,为用户提供智能提示等丰富的功能。
安装好插件后,就可以尽情享受代码自动补全的效果了。在PHP文件中,键入对象名、函数名称、或者方法名的时候,就会出现提示。
3.3 PHP调试设置
在VSCode中,PHP Debug插件作为常用的调试工具,非常方便。要使用该插件,我们需要安装Xdebug扩展。
下面是Xdebug在PHP7.4上的配置。在php.ini中,我们添加以下内容:
[XDebug]
zend_extension="C:\php\ext\php_xdebug-2.9.8-7.4-vc15.dll"
xdebug.remote_enable=1
xdebug.remote_autostart=1
xdebug.remote_handler=dbgp
xdebug.remote_host=localhost
xdebug.remote_port=9000
xdebug.remote_connect_back=0
xdebug.idekey=VSCODE
解释:
1. zend_extension 表示Xdebug的文件路径。这个路径需要根据你的PHP版本和架构来决定。
2. xdebug.remote_enable=1 启用Xdebug远程调试功能。
3. xdebug.remote_autostart=1 表示Xdebug在每个请求的时候都会启用远程调试。
4. xdebug.remote_handler 表示调试的方式。我们使用DBGP作为调试的功能。
5. xdebug.remote_host=x.x.x.x 表示XDebug服务器所在机器,需要输入VScode所在电脑ip地址。
6. xdebug.remote_port=9000 表示Xdebug服务器监听的端口号,设置成90N00即可。
7. xdebug.remote_connect_back=0 远程调试连接方式,代表不使用Xdebug的默认模式,使用IP访问。
8. xdebug.idekey=VSCODE 标识这是VSCode,实际上,它声明VSCode允许它调试PHP。
4. vscode运行PHP代码
安装完PHP插件后,我们就可以开始在VScode中运行与调试PHP代码了。在VScode左侧的侧边栏中,选择Debug图标,它会显示一个启动调试的下拉列表,选择PHP表示我们希望启动PHP应用程序的调试。
接着,我们添加Launch.json设置:
{
"version": "0.2.0",
"configurations": [{
"name": "Listen for XDebug",
"type": "php",
"request": "launch",
"port": 9000,
"log": true,
"stopOnEntry": false,
"pathMappings": {
"/var/www/html": "${workspaceRoot}"
}
}]
}
解释:
1. "name": "Listen for XDebug" 配置文件的名称。
2. "type": "php" 配置文件类型。
3. "request": "launch" 请求类型。
4. "port": 9000 本地XDebug服务器监听的端口号。
5. "log": true 是否在调试控制台中记录信息。
6. "stopOnEntry": false 是否在程序入口设置断点
7. "pathMappings": { "/var/www/html": "${workspaceRoot}" } 映射前后端代码的路径。
同时,我们在PHP文件中添加一个断点,按下F5或者选择"Debug" -> "Start Debugging"启动调试,VSCode会停在设置的断点处,等待调试命令。
至此,我们就可以在VScode中愉快地编写、调试 PHP代码了。
5. 总结
在VScode中,PHP代码的编写与运行同样也有着不错的支持与扩展。安装PHP插件、设置PHP开发设置以及调试设置,并利用PHP Debug插件对代码进行调试,可以提高我们编写PHP代码的效率与质量,并且也可以让我们更加轻松地享受编写PHP代码的乐趣。