博客列表 >VS Code 常用插件安装及emmet语法演示

VS Code 常用插件安装及emmet语法演示

川
原创
2021年09月22日 22:36:09363浏览

VS CODE 插件安装

插件查找与安装方法

VS code 插件安装示意图

成功安装了以下插件

  • One Dark Pro
    OneDarkPro_扩展配置
  • Live Server

    • 更改了默认浏览器
      更改默认浏览器
    • Live 页面展示
      LiveServer加载成功
  • Prettier - Code formatter v8.1.0

    • 设置为默认格式编辑器
    • 设置为自动保存
  • Helium Icon Theme v1.0.0

  • Mark Down
    MD Document in VS code

  • 其它

  • 效果

实例演示emmet语法

  1. .demo>p#test>ul>li*5>a[href="item$$"]{item$$@-5}

效果如下

  1. <div class="demo">
  2. <p id="test">
  3. <ul>
  4. <li><a href="item01">item09</a></li>
  5. <li><a href="item02">item08</a></li>
  6. <li><a href="item03">item07</a></li>
  7. <li><a href="item04">item06</a></li>
  8. <li><a href="item05">item05</a></li>
  9. </ul>
  10. </p>
  11. </div>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议