1. 安装Visual Studio Code 插件

序号	插件名称	描述
1	chinese(Simplified)	简体中文语言包
2	live Server	html实时预览
3	prettier-code formatter	代码格式化插件
4	dracula official	吸血鬼主题
5	Markdown Preview Enhanced	Markdown 实时预览
6	Markdownlint	markdown 语法检查器

2.Markdown 语法

1.标题

#  1个#号代表1级标题  ->代表 <h1>
## 2个#号代表2级标题  ->代表 <h2>
### 3个#号代表3级标题  ->代表 <h3>
#### 4个#号代表4级标题  ->代表 <h4>
##### 5个#号代表5级标题   ->代表 <h5>
###### 6个#号代表6级标题   ->代表 <h6>
建议使用到3级标题

2.列表

2.1无序列表

item1
item2
item3
- subltem3-1
- subltem3-2
- subltem3-3

2.2有序列表

 1.item1
 2.item2
 3.item3
    1.subltem3-1
    2.subltem3-2
    3.subltem3-3

3.代码

1.单行:const box = document.querySelector('#box")
2.多行

namespace core;
class Demo
{
    // ...
}

4.表格

id	姓名	职位	工资
1	张三	总经理	8000
2	李四	经理	5000
3	王麻子	前台	3000

5.图片

语法：![描述信息](图片URL地址)

6.链接

博客:https://www.php.cn/blog/ksycdn.html

html文档标签

<!-- !文档类型 -->
<!DOCTYPE html>
<!-- ?根元素: lang 页面语言 -->
<html lang="zh-CN">
<!-- 头元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
<head>
    <!-- //元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符 -->
    <meta charset="UTF-8" />
    <!-- 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- *视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 页面标题: 显示在浏览器标签页,用于描述页面信息 -->
    <title>Document</title>
    <!-- 引入外部样式表 -->
    <link rel="stylesheet" href="style.css" />
    <!-- 引入外部脚本 -->
    <script src="outer.js"></script>
</head>
<!-- 主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
<body>
    <h1 style="color: red">hello world</h1>
    <h1>今晚大家很认真</h1>
    <img src="xxx.jpg" alt="" />
    <!-- 单标签: 通常用于引用外部资源
    双标签: 内容来自开发者提供 -->
</body>
</html>

Visual Studio Code 插件安装与markdown语法使用

1. 安装Visual Studio Code 插件

2.Markdown 语法

1.标题

2.列表

2.1无序列表

2.2有序列表

3.代码

4.表格

5.图片

6.链接

html文档标签