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无序列表
item1item2item3subltem3-1subltem3-2subltem3-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.图片
语法：
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>