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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章