VSCode的一些相关使用总结及如何配置PHP运行环境

前言

以前写代码的时候经常用pycharm,原因就是我也就能写点python,C和Java停留在云程序员阶段,PHP属于刚看懂的阶段。pycharm是一个很好的软件但是相对来说比较大,启动的时候比较费劲。经小伙伴推荐,VSCode比较轻便,内置了许多插件,可以满足好多种语言,但是我在运行php的时候,出现了一些问题,本文就是记录如何让VSCode成功运行php的笔记。
网上我找的一些教程对我来说我觉得全面的不是很清晰,清晰的不是很全面,于是我就站在我的角度写下这篇文章。并不是我总结的有多好,只是为了自己做个笔记,如果恰好帮到大家了那是更好。

vscode的一些插件

这里我介绍一下我安装的一些,VSCode的插件太多太多,大家可以根据实际需要在插件商店(
快捷键:ctrl + shift + x)自行安装。

汉化: 输入chinese,直接安装第一个就是了。

Python: 提供了代码分析,高亮,规范化等很多基本功能

vscode-icons: 各种漂亮图标

filesize: 左下角显示文件大小的插件

Bracket Pair Colorizer: 成对的彩色括号

Path Autocomplete: 自动感知目录下的文件,自己选择就好

Indent-Rainbow: 带颜色的缩进

Color Highlight: 直观显示在 css/web 中定义的颜色

Code Runner: 立刻运行代码

Python indent: 自动纠正 Python 缩进

vscode-fileheader: 头部注释添加/更新插件(快捷键:ctrl+alt+i)

Auto Close Tag: 自动写关闭标签的插件

Polacode: 代码段生成图片。在任务栏查看–》命令面板–》输入Polacode,会有一个单独的小框出现,此时选中的代码会看到已经在小框中出现,点一下类似相机圈这个东西就可以了。

Themes: 好看的主题

在VSCode中调试运行php

环境:phpstudy + VSCode

  1. 在插件市场安装PHP Debug,把这个插件安装到VSCode

  2. 先创建一个phpinfo.php

<?php
phpinfo();
?>

本地访问这个页面,得到php配置相关信息。

  1. 全选(ctrl+a)phpinfo页面的信息并复制,然后将得到的信息粘贴到XDebug installation wizard这个页面中。这个页面会分析好你的PHP环境,以及需要安装XDebug的步骤。

  2. 然后根据页面返回的信息,有四个步骤进行操作。

  3. 第一个是下载xdebug;然后将文件移动到指定目录;最后打开php.ini文件,将zend_extension添加上。然后照着文档,添加xdebug.remote_enable和xdebug.remote_autostart。完整的代码如下:

xdebug.remote_enable = 1
xdebug.remote_autostart = 1
zend_extension="页面给出的具体路径"

修改好php.ini文件之后,重启phpstudy。

回到VSCode中,进行下面的操作:

首先在phpStudy的PHPTutorial\WWW目录之下,添加一个测试文件test.php。添加几行测试代码:

<?php
$x = 10;
$y = 20;
$z = 30;
echo "Hello PHP<br>";
echo $x;
echo $y;
echo $z;
?>

然后点击vsCode的debug按钮,或者ctrl+shift+d,开启调试窗口。
在launch.json中,配置了需要监听的xdebug的端口9000,直接使用默认的就好。如图:

如果launch.json并没有像上图所示的配置,可以再添加配置中自行添加。

配置code-runner:

  1. 打开设置,搜索coderunner,然后打开settings.json。
  2. 如果里面配置中没有code-runner.executorMap可以自行添加,自己打上去也行,打完 code-runner.executorMap 他的设置会自动补全,根据实际情况进行修改就好,配置好后如图:
    在这里插入图片描述

自己修改一下各种语言运行时对应的程序就好。

测试

php:
直接运行时:

下断点调试:
在这里插入图片描述
设置好断点后,运行,浏览器访问test.php页面
在这里插入图片描述
此时,就说明设置成功了。
python:
在这里插入图片描述
其他的语言也是一样道理,在coderunner中配置好路径就好。

总结

本文并没有什么技术含量,就是参考网上教程加上我自己的理解尽可能的让这些环境的配置变得更加清晰易懂。我也知道上述文章在 VSCode 的配置与使用上是冰山一角,更多的便利等大家一起发掘,只是在自己作为笔记的同时也希望帮到有这方面困惑的小伙伴。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值