VSCODE的安装配置与插件安装及HTTP协议初识

课程作业要求：

1. 下载安装与配置vscode,并安装好课堂上推荐的插件;

2. 站在你的角度, 谈一下对http协议的理解,以及一个请求与响应的过程是如何实现的?

作业内容：

1、下载安装与配置vscode,并安装好课堂上推荐的插件;

• 已经安装了的插件列表：

• VScode setting sync 插件安装

    因为工作时用的是 Macbook,回到家用的是 Win台式机，所以涉及到两边系统 VSCODE 同步和设置问题，所以后来安装了【settings sync】插件进行同步（需要用到github 账户）

2、站在你的角度, 谈一下对http协议的理解,以及一个请求与响应的过程是如何实现的?

HTTP协议我的理解是一个约定俗成的通用标准，规定了浏览器和服务器之间的规则。通过客服端（浏览器/前端）向服务器请求，然后服务器响应的方式来实现功能，同时反馈不同的状态。

就像我们去自动贩卖机买东西一样，我在贩卖机上选择想要的东西（发送请求），然后贩卖机收到我的需求（请求）后，查询了是否有库存（状态查询），然后让我进行付款并交付东西给我（响应并返回结果）

3、熟悉使用 markdown 的语法

常用的语法主要为：

1.标题：

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

2.字体样式：

加粗
要加粗的文字左右分别用两个\*号包起来
斜体
要倾斜的文字左右分别用一个\*号包起来
斜体加粗
要倾斜和加粗的文字左右分别用三个\*号包起来
删除线
要加删除线的文字左右分别用两个~~号包起来

示例：

这是加粗的文字

这是倾斜的文字 `

这是斜体加粗的文字

这是加删除线的文字

3.引用：

在引用的文字前加>即可

引用也可以嵌套，如加两个>>三个>>>n 个…

示例：

这是引用的内容

这是引用的内容

4.分割线：

三个或者三个以上的 - 或者 * 都可以

---   | 分割线语法

效果如下：

---

---

5.图片：

语法说明：

![图片alt](图片地址 ''图片 title'')

图片 alt 就是显示在图片下面的文字，相当于对图片内容的解释。

图片 title 是图片的标题，当鼠标移到图片上时显示的内容。title 可加可不加

6.超链接:

语法：

[超链接名](超链接地址 "超链接title")
title 可加可不加

示例：

[简书](http://jianshu.com)
[百度](http://baidu.com)

效果：

简书

百度

7.列表

7.1 无序列表：

无序列表用 - + * 任何一种都可以

- 列表内容
* 列表内容
- 列表内容
注意：- + \* 跟内容之间都要有一个空格

效果如下：

• 列表内容 1

• 列表内容 2

• 列表内容 3

7.2 有序列表：

语法：数字加点

1. 列表内容
2. 列表内容
3. 列表内容
注意：序号跟内容之间要有空格

效果：

1.列表内容 2.列表内容 3.列表内容

7.3 列表嵌套：

语法：

上一级和下一级之间敲三个空格即可

- 一级列表
  - 二级列表 1
  - 二级列表 2
    - 三级列表 1
    - 三级列表 2
      - 四级列表 1
      - 四级列表 2

效果：

• 一级列表

    - 二级列表 1

    - 二级列表 2

        - 三级列表 1

        - 三级列表 2

            - 四级列表 1

            - 四级列表 2

8.表格：

语法：

| 表头 | 表头 | 表头 |
| ---- | :--: | ---: |
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
  文字默认居左 -两边加：表示文字居中 -右边加：表示文字居右
  注：原生的语法两边都要用 | 包起来。此处省略

示例：

| 姓名 | 技能 | 排行 |
| ---- | :--: | ---: |
| 刘备 |  哭  | 大哥 |
| 关羽 |  打  | 二哥 |
| 张飞 |  骂  | 三弟 |

效果：

姓名	技能	排行
刘备	哭	大哥
关羽	打	二哥
张飞	骂	三弟

9.代码：

语法：

• 单行代码：单行代码：代码之间分别用一个反引号包起来

`代码内容

• 代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行

(`) 代码1... 代码2... 代码3... (`)

注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。

emment 使用

该插件已经内置在VSCODE，不需要额外下载

上网搜索使用方法，10 分钟掌握

<li>
  <a href="">item5</a>
</li>