1.vs code的安装与配置。（包括插件）

前端开发准备工作

1. 下载前端开发编辑器与调试

1.1 下载VS code与安装

百度搜索VS code 后打开官网下载VS code 并安装软件，安装完成后下载chainese插件后进行汉化。
下载链接：https://code.visualstudio.com/

1.2 安装插件

序号	名称	描述
1	Chinese(Simplified) Language Pack	简体中文语言包(安装完会自动提示安装)
2	Dracula Official	吸血鬼主题(配色鲜艳醒目,适合教学)
3	One Dark Pro	Atom 经典主题(下载量全球第一)
4	Helium Icon Theme	文件图标主题
5	Community Material Theme	流行的材料主题(配色柔和适合长时间工作环境)
6	Material Product Icons	材料风格的产品图标主题(百搭)
7	Material Theme Icon	材料风格文件图标主题(让你的 vscode 与众不同)

1.3 下载chrome浏览器与安装

百度搜索chrome后打开官网下载chrome并安装软件，安装完成后安装插件。

下载链接：chrome官网下载

1.4 下载phpEnv与调试

百度搜索phpEnv后打开官网下载phpEnv并安装软件，安装完成后进行进行调试。
下载链接：phpEnv官网下载
1.打开phpenv后点击开始-软件设置-高级设置-启动两个host选项。
2.打开phpenv后点击开始-软件设置-环境设置-默认web服务器改成Ngnix。

2. Markdown 语法

markdown 最终转为html

2.1 标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2.2 分隔符

---  至少有三个-

---

2.3 段落

markdown 是一种纯文本的标记语言
加一个空行
第二段内容

2.4 字体样式

**加粗**
_**斜体**_
_内容_
~~删除~~

2.5 引用

> 这是一个引用内容
>
> >二级引用

引用

---

二级引用

2.6 列表

2.6.1 无序

- list1
- list2
- list3

• list1
• list2
• list3

  2.6.2 有序

1. list1
2. list2
3. list3

1. list1
2. list2
3. list3

2.7 代码

(1) 单行: const num = 100
(2) 多行:

class User
{
    private string $username = 'admin';
}

const obj = {
  x: 1,
  y: 2,
}

2.8 表格

序号	名称	描述
1	Chinese(Simplified) Language Pack	简体中文语言包(安装完会自动提示安装)
2	Dracula Official	吸血鬼主题(配色鲜艳醒目,适合教学)
3	One Dark Pro	Atom 经典主题(下载量全球第一)
4	Helium Icon Theme	文件图标主题
5	Community Material Theme	流行的材料主题(配色柔和适合长时间工作环境)
6	Material Product Icons	材料风格的产品图标主题(百搭)
7	Material Theme Icon	材料风格文件图标主题(让你的 vscode 与众不同)

2.8 链接

[php 中文网](https://www.php.cn)
<https://www.php.cn>

2.8 图片

![21期前端开发课](图片地址.png)

" class="reference-link">

3.HTTP

3.1 客户端<=>服务器

3.2 请求<=>响应

3.3 链接：三次握手

确保双方收发是否正常

3.4 断开：四次挥手

---

4.URL

4.1 静态

https://www.php.cn/course/1459.html

4.2 动态

http://site.cn:80/index.php/user/add?p=3&key=admin#link

4.2.1

index.php应该由服务器路由到一个API(函数)去处理

1. http://:协议
2. site.cn:域名/主机名
3. ：80：端口
4. index.php:入口文件/应用程序/用一个函数来处理
5. /user/add : PATH_INFO(可选的)，用来做路由
6. ?p=3&key=admin: 查询参数/查询字符串/GET 请求
7. #link: 锚点 / hash 参数
   http://site.cn/index.php/user/add?p=3&key=admin

隐藏入口
http://site.cn/user/add?p=3&key=admin

参数路径化
http://site.cn/user/add/p/3/key/admin

自定义扩展名
http://site.cn/user/add/p/3/key/admin.html

<!-- /user/add/p/3/key/admin: PATH_INFO -->

解析 : /user/add/p/3/key/admin

1. user: controller
2. add: action
3. p,key 参数

MVC 框架的原理