博客列表 >vs code的插件配置、markdown和emmet基本语法

vs code的插件配置、markdown和emmet基本语法

烟灰
烟灰原创
2021年09月25日 11:34:31533浏览

安装vscode,并配置相应的插件

  • 到官网下载vscode软件:https://code.visualstudio.com ,并安装
  • 安装完成后,运行vscode并安装相应的插件,推荐如下:


markdown语法

链接地址:

代码片段

  • 单行代码:console.log();
  • 多行代码:
  1. <meta charset="UTF-8" />
  2. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  3. <meta name="viewport" content="width=device-width, initial-scale=1.0" />

表格

学号 姓名 性别 成绩
11 猪八戒 56
12 孙悟空 33

引用

一级引用

二级引用

Emmet语法

  • div>ul>li
    1. <div>
    2. <ul>
    3. <li></li>
    4. </ul>
    5. </div>
  • div+p+bq
    1. <div></div>
    2. <p></p>
    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>li*5
    1. <ul>
    2. <li></li>
    3. <li></li>
    4. <li></li>
    5. <li></li>
    6. <li></li>
    7. </ul>
  • ul>li.item$*5
    1. <ul>
    2. <li class="item1"></li>
    3. <li class="item2"></li>
    4. <li class="item3"></li>
    5. <li class="item4"></li>
    6. <li class="item5"></li>
    7. </ul>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议