vscode怎样搭建vue开发环境和PHP开发环境

在做全栈开发时候，需要两种语言：vscode怎样搭建vue开发环境和PHP开发环境？

关于vue环境：

1.vscode怎样搭建vue开发环境
https://www.php.cn/tool/vscode/440175.html
2.vue新建项目(一)vue-cli新建模板项目
https://blog.youkuaiyun.com/zhuming3834/article/details/72778147
3.使用vue create、vue webpack init 创建vue项目产生的项目文件区别说明
https://blog.youkuaiyun.com/zyj123__/article/details/106361850

关于php环境：

1.下载xampp
在网站https://www.apachefriends.org/zh_cn/index.html下载xampp，安装
把php.exe所在文件夹添加进系统变量path中
在cmd输入php -v可以看到是否成功，成功会显示版本信息。

2.下载插件
去 https://xdebug.org/download.php下载插件，版本php版本可以在xampp中的readme看到.
将下载的插进拷贝进xampp/php/ext文件夹中。
修改php.ini文件，在文件末尾添加几行配置信息
[xdebug]
zend_extension=”D:/xampp/php/ext/php_xdebug-2.5.5-7.1-vc14-nts.dll” （路径及文件名自己确定）
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
3.下载并安装vscode
https://code.visualstudio.com/
下载的是一个压缩包，将其解压至一个目录。

4.在vscode中安装调试插件
右侧栏中点击扩展，输入xdebug，出来的php debug，点击安装。

在菜单栏：文件->首选项->配置，右边新增加一行配置：
“php.validate.executablePath”: “D:/xampp/php/php.exe”

5.验证是否配置成功
新建一个文件夹php，文件夹里新建一个test.php文件。注意，一定要以打开文件夹的形式才能成功设置断点调试，单个文件无效。

设置断点，然后启动调试。
点击齿轮，选择php->选择listen for xdebug
（配置文件内容不需要动）
在cmd窗口，执行netstat -an 看本机是否有监听 9000端口。