第一节课：VSCode与phpStudy安装与配置

1. VSCode的安装与下载 1. VSCode的安装与下载

    下载方法：百度VScode，第一个网站下载，网址：https://code.visualstudio.com/
    安装：双击安装，一直下一步即可！

2.VScode 关于前端的插件安装

    商店在左侧导航的最后一个，四个方块那个！
    Chinese (Simplified) Language Pack for Visual Studio Code  --汉化插件，安装好后重启软件即可！
    Markdown Preview Enhanced --预览
    Markdownlint --检查器
    Auto Close Tag --标签自动关闭
    Auto Rename Tag --标签自动更名
    Bracket Pair Colorizer --括号配对
    HTML CSS Support --HTML和CSS的支持【重要，必须装】
    IntelliSense for CSS class names in HTML --CSS嗅探器
    HTML Snippets--html代码片段提示器
    Path Intellisense --文件路径自动嗅探
    VS Color Picker--颜色提示器
    Prettier - Code formatter --格式化代码
        配置：文件 -> 首选项 -> 设置 -> 搜索format -> 将Default Formatter的null值改为esbenp.prettier-vscode -> 勾选Format on save 

3.VScode 关于PHP的插件安装

    PHP IntelliSense --PHP代码嗅探器
    Format HTML in PHP --格式化PHP中的html代码【可装可不装】
    PHP Intelephense --可检查代码
    Live Server

4.phpstudy 安装

    下载网址：https://www.xp.cn/
    环境搭建：启动Apache -> 创建网站 -> 选择网站目录 -> 勾选同步hosts可本地解析域名 -> 点击确定完成！

5.VScode 配置php运行路径

    文件 -> 首选项 -> 配置 -> 右上角打开设置 -> 输入对应系统配置代码（注意php地址为本机php地址）
    路径中的 \ 需改成 / 改好后按Ctrl+S 保存就好