安装vscode,学习emmet语法

1. 安装vscode,和插件安装

浏览器打开官网https://code.visualstudio.com/

插件安装截图

登陆账号方便新电脑同步安装好的插件

2. 实例演示emmet语法

Emmet 语法提高html/css的编写速度

1.<！--输入div之后按键tab>
2.<div></div>

1.<！--输入div*3之后按键tab>
2.<div></div>
3.<div></div>
4.<div></div>

1.<！--div >p> a > 父子级关系的标签>
    <div>
            <P><a href="url"></a></P>
        </div>

1.<！--div+p+a> 是兄弟关系标签
 <div></div>
    <p></p>
    <a href=""></a>