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