php什么设置前端代码,代码编辑器与PHPSTUDY的安装与配置过程（前端第一课）

前端第一课：编辑器与PHPSTUDY的安装与配置过程

编辑器安装过程

1.Visual Studio Code 官网下载软件，解压下载文件，打开安装程序安装至你的计算机。

2.安装“Chinese(Simplified)Language Pack for Visual Studio Code” 插件，并重启vscode软件，将软件语言转换成中文。

3.安装常用插件

类型

名称

功能

通用

Chinese Language…

中文语言包

—

vscode-icons

最受欢迎的文件图标

—

Prettier-Code formatter

通用的代码格式化工具

前端

HTML CSS Support

HTML\CSS代码提示神器

—

Auto Clag Close

HTML标签自动闭合

—

Auto Rename Tag

HTML标签自动更名

PHP

PHP Intelephense

PHP代码智能分析

—

PHP Intellisense

PHP代码智能感知与重构

MarkDown

MarkDownlint

MarkDown语言检查器

执行

Live Sever

创建本地服务器实时预览

4.配置PHP运行环境

phpstudy环境配置好后，再配置编辑器的PHP运行路径。

点击“文件——首选项——设置”，打开设置界面，在界面右上角找到“打开设置(json)”按钮，点击打开配置文件

在文件中代码”window.zoomLevel”: 0,后面添加代码”php.validate.executablePath”: “F:/phpstudy/phpstudy_pro/Extensions/php/php7.3.4nts/php.exe”(你的php.exe安装路径，一般在phpstudy环境中的\Extensions\php\php7.3.4nts\php.exe),路径也可从phpstudy中的网站栏目找到你创建的网站，单击“管理”按钮，找到“打开根目录”选项，找到“php.exe”文件，右击，查看它的文件路径。

如不知道如何配置，去vscode官网doc栏目下，选择语言“php”进行查找。

5.资源管理器

找到你的网站根目录，单击编辑器左上角的资源管理器，单击“打开文件”，配置你的文件目录，并创建第一个文件夹，第一个文件。

6.单击“文件——首选项——颜色主题”，更换你喜欢的编辑器主题。

phpstudy安装过程

1.进入“https://www.xp.cn” 下载PhpStudy客户端，解压文件，安装至你的计算机。

2.启动PhpStudy

3.在套件下边启动你需要的环境软件。Apache服务器或Nginx服务器，启动Mysql软件。

4.创建本地站点

单击“网站”栏目，单击“创建网站”，在弹出的窗口选择“基本配置”。分别填写你的域名(如front.edu)、软件会自动根据域名生成你的网站目录，目录名可更改，后期你的网页每一个文件都放在这个目录下。第二域名可填可不填。

选择php版本，默认就可

填写完成后单击“确认”按钮，然后去站点列表，单击“管理——打开网站”，浏览进入站点创建成功提示页面，你的站点就创建成功了。