Emmet快捷鍵 前端必備快速編碼工具

2021-09-18 03:02:58 字數 822 閱讀 5559

emmet (前身為 zen coding) 是乙個能大幅度提高前端開發效率的乙個工具。emmet把片段這個概念提高到了乙個新的層次:你可以設定css形式的能夠動態被解析的表示式,然後根據你所輸入的縮寫來得到相應的內容。emmet是很成熟的並且非常適用於編寫html/xml 和 css **的前端開發人員,但也可以用於程式語言。

支援的編輯器如下

在編輯器輸入html:5按下tab鍵

1、新建乙個標籤

在編輯器輸入div按下tab鍵

2、新建乙個帶class(名字為c1)和id(名字為id1)的標籤

在編輯器輸入div#id1.c1按下tab鍵

3、巢狀的標籤

ul>li

4、建立多個標籤

ul>li*5

5、建立多個標籤並新增class

ul>li.l$*5

6、建立同級標籤

div.div1+ul>li*2

更多使用方法,可以參見

by weber.pub

前端小白必備快捷鍵工具合集

工欲善其事,必先利其器。初入職場,深刻認識到作為乙個程式設計師,掌握必備的快捷工具及快捷鍵是一堂必修課,也是提高開發工作效率的不二法門。本文從快捷開發工具及快捷鍵兩方面為前端入門選手量身定做,打造屬於你自己的快捷開發方式。一開始選幾個最為常用的命令適應使用,並逐漸記憶增加其他快捷鍵的使用。在工作中會...

Idea IDE必備快捷鍵

1.安裝 key promoter x外掛程式,常見操作有快捷鍵提示,對開發友好 2.必備快捷鍵,熟記提高開發效率 ctrl f 在當前檔案進行文字查詢 必備 ctrl r 在當前檔案進行文字替換 必備 ctrl z 撤銷 必備 ctrl y 刪除游標所在行 或 刪除選中的行 必備 ctrl d 複...

idea必備快捷鍵

ctrl f 在當前檔案進行文字查詢 ctrl r 在當前檔案進行文字的替換 ctrl z 撤銷操作 ctrl y 刪除光所在的行 或者選中的行 ctrl d 複製游標所在行 或 複製選擇內容,並把複製內容插入游標位置下面 ctrl w 遞進式選擇 塊。可選中游標所在的單詞或段落,連續按會在原有選中...