VSCode快速编辑html(Emmet)

Emmet中文文档查看

div加类名

div.demo

 <div class="demo"></div>

多光标选择编辑

操作:alt + 鼠标左键

<body>
    <ul>
        <li>多光标选择编辑</li>
        <li>多光标选择编辑</li>
        <li>多光标选择编辑</li>
        <li>多光标选择编辑</li>
        <li>多光标选择编辑</li>
    </ul>
</body>

行跳转

操作:Ctrl + g


切换栏

操作:Ctrl + B
切换栏
切换栏


自动计数

操作:ul>li{ $ }

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

添加文本内容

操作:{}

ul>li{xyz}*3
<ul>
    <li>xyz</li>
    <li>xyz</li>
    <li>xyz</li>
</ul>

同时编辑多处文字 批量替换编辑内容

先按 Ctrl + F 打开搜索框,然后搜索要编辑的内容,接着按 Ctrl + Shift + L 就可以选中对应的所有内容了,然后按 Esc退出, 再进行编辑就可以达到替换的目的。

  1. Ctrl + F:搜索:我是test.js里面的内容;Ctrl + F
  2. Ctrl + Shift + L:按了Ctrl + Shift + L选中;
  3. Esc:退出;在这里插入图片描述
  4. 最后编辑你先替换成为的内容;

缩进

加缩进: Tab
减缩进:Shift + Tab

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值