博客列表 >vscode编辑器与phpstudy的安装与配置

vscode编辑器与phpstudy的安装与配置

longlong
longlong原创
2020年06月11日 12:08:292844浏览

vscode编辑器与phpstudy的安装与配置

1. vscode编辑器的安装与常用插件

1.1 点击(官方下载地址

下载好以后傻瓜式安装即可,然后打开编辑器


1.2 搜索需要的插件如下图,找到对应的插件点击右边图标安装

插件安装图

安装完成后重启一下编辑器


1.3 常用插件列表

类型 名称 功能
通用 Chinese Languag 简体中文语言包
通用 Vscode-icons 最受欢迎的的文件图标
通用 Prettier-Code formatter 通用的代码格式化工具
前端 HTML CSS Support HTML/CSS代码提示神器
前端 Auto Close Tag HTML标签自动闭合
前端 Auto Rename Tag HTML标签自动更名
PHP PHP Intelephense PHP代码智能分析与提示
PHP PHP IntelliSense PHP代码智能感知与重构
markdown Markdownlint markdown语言检查器
执行 Live Server 创建本地Web服务器实时预览

2. phpstudy的安装与本地站点设置

2.1 点击(官方下载地址)

根据自己电脑系统安装对应版本,安装好后如下图:

phpstudy首页图


2.2 启动ApacheMySQL或者NginxMySQL,注意ApacheNginx只能二选一,MySQL是必选,如图:

phpstudy启动页面


2.3 创建本地站点

点击:网站——>创建网站——>基本设置——>设置域名(例:front.edu)——>设置根目录(点击浏览,新建文件夹XX)——>其他默认设置点击确认。

如下图:

本地站点设置


2.4 检查本地站点是否设置成功

点击上一步创建的站点右边的管理,选择打开网站,如果出现下图所示,表示站点创建成功

站点创建成功


3. vscode与phpstudy配置

3.1 在vscode中设置php.exe的运行路径

在vscode中点击左上角 文件——>首选项——>设置——>右上角设置(json),如下图所示:

运行路径设置

打开后如下图:

在代码块中加入下面这段代码

  1. "php.executablePath":"E:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe"

注意:E:/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe 表示路径地址,您需要找到您自己路径地址,然后放入Ctrl+S保存即可!

最后如下图:

php.exe路径设置

4. vscode打开根目录

在vscode中点击文件——>打开文件夹——>找到之前创建的根目录,最后确认选择文件夹XX

接着,就可以在此根目录下创建文件进行操作了,至此,vscode与phpstudy的本地站点配置就完成了!

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议