前端开发环境的学习

前端开发环境的学习

一. vscode 插件安装效果

---

二. markdown 语法

标题

• # 一级标题
• ## 二级标题
• ### 三级标题

段落

直接写段落文本…

下一个段落文本…

列表

无序列表

• 华为
• 联想
• 浪潮

有序列表

1.item1
2.item2
3.item3

超链接

• 只显示链接地址
  示例：https://www.php.cn    语法: <https://www.php.cn>
• 只显示链接文本
  示例：php 中文网   语法：[php中文网](<https://www.php.cn>)

图片

语法：![图片说明文字](图片文件名)

代码

• 单行代码
  语法：用反引号包围
  示例：
   `console.log(add(obj));`

• 多行代码
  语法：用三个反引号包围
  示例：
   ```php
    代码行;
    代码行；
    ……
   ```

表格

姓名	性别	年龄
张三	男	32
小美	女	22

引用

引用的内容

二级引用

---

三. emmet 语法

• 快速生成 html 文档
  语法: ！+ tab
• id 和属性
  语法：
  id: p#title
  class: p.title
  属性:a[href='https://www.php.cn']
• 后代标签
  语法：div>ul>li
• 兄弟标签
  语法：div+p
• 上级标签
  语法：div>p^div
• 重复标签
  语法：ul>li*5
• 编号
  语法：ul>li{item$}*5
• 编号+前导 0
  语法：ul>li{item$$$}*5
• 文本
  语法：p{文本}
• 分组
  语法：div>(header>ul>li*5>a{item$$})+footer>p{段落文本}