前端开发环境的学习
一. 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{段落文本}