代码编辑器与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版本，默认就可
  
• 填写完成后单击“确认”按钮，然后去站点列表，单击“管理——打开网站”，浏览进入站点创建成功提示页面，你的站点就创建成功了。