博客列表 >vscode插件安装与配置并实例演示emmet语法

vscode插件安装与配置并实例演示emmet语法

⁶
原创
2021年09月28日 14:19:19550浏览

1安装vscode,并将推荐插件安装与配置好,记录下完整过程(最好配上图片);

2. 实例演示emmet语法

>(子元素)div>ul>li

运行为

  1. <div>
  2. <ul>
  3. <li></li>
  4. </ul>
  5. </div>

+兄弟元素 div+p+bq

运行为

  1. <div></div>
  2. <b></b>
  3. <blockquote></blockquote>

^ 返回上层div+div>p>span+em^bq

运行为

  1. <div></div>
  2. <div>
  3. <p><span></span><em></em></p>
  4. <blockquote></blockquote>
  5. </div>

乘法ul>li5

运行为

  1. <ul>
  2. <li></li>
  3. <li></li>
  4. <li></li>
  5. <li></li>
  6. <li></li>
  7. </ul>

序号$

运行为

  1. <ul>
  2. <li>item1</li>
  3. <li>item2</li>
  4. <li>item3</li>
  5. <li>item4</li>
  6. <li>item5</li>
  7. </ul>

运行为

  1. <ul>
  2. <li><a href="">link1</a></li>
  3. <li><a href="">link2</a></li>
  4. <li><a href="">link3</a></li>
  5. <li><a href="">link4</a></li>
  6. <li><a href="">link5</a></li>
  7. <li><a href="">link6</a></li>
  8. <li><a href="">link7</a></li>
  9. <li><a href="">link8</a></li>
  10. <li><a href="">link9</a></li>
  11. <li><a href="">link10</a></li>
  12. <li><a href="">link11</a></li>
  13. <li><a href="">link12</a></li>
  14. <li><a href="">link13</a></li>
  15. <li><a href="">link14</a></li>
  16. <li><a href="">link15</a></li>
  17. </ul>

运行为

  1. <ul>
  2. <li><a href="">link01</a></li>
  3. <li><a href="">link02</a></li>
  4. <li><a href="">link03</a></li>
  5. <li><a href="">link04</a></li>
  6. <li><a href="">link05</a></li>
  7. </ul>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议