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 遞進式選擇 塊。可選中游標所在的單詞或段落,連續按會在原有選中...