一、介紹：emmet的前身是大名鼎鼎的zen coding，如果你從事web前端開發的話，對該外掛程式一定不會陌生。它使用仿css選擇器的語法來生成**，大大提高了html/css**編寫的速度
二、使用方法：
參考自：
一、快速編寫html**
1. 初始化
html文件需要包含一些固定的標籤，比如、、等，現在你只需要1秒鐘就可以輸入這些標籤。比如輸入「!」或「html:5」，然後按tab鍵：
2. 輕鬆新增類、id、文字和屬性
連續輸入元素名稱和id，emmet會自動為你補全，比如輸入p#foo：
連續輸入類和id，比如p.bar#foo，會自動生成：
如何定義html元素的內容和屬性。你可以通過輸入h1和a[href=#]，就可以自動生成如下**：
fooh1>
a>
3. 巢狀
現在你只需要1行**就可以實現標籤的巢狀。
4. 分組
你可以通過巢狀和括號來快速生成一些**塊，比如輸入(.foo>h1)+(.bar>h2)，會自動生成如下**：
h1>
div>
h2>
div>
5. 隱式標籤
宣告乙個帶類的標籤，只需輸入div.item，就會生成
。在過去版本中，可以省略掉div，即輸入.item即可生成
。現在如果只輸入.item，則emmet會根據父標籤進行判定。比如在
6. 定義多個元素
要定義多個元素，可以使用*符號。比如，ul>li*3可以生成如下**：
7. 定義多個帶屬性的元素
如果輸入 ul>li.item$*3，將會生成如下**：
html**
li>
li>
li>
ul>
二、css縮寫
1. 值
比如要定義元素的寬度，只需輸入w100，即可生成
width: 100px;
除了px，也可以生成其他單位，比如輸入h10p+m5e，結果如下：
height: 10%;
margin: 5em;
單位別名列表：p 表示% ； e 表示 em ； x 表示 ex
2. 附加屬性
可能你之前已經了解了一些縮寫，比如 @f，可以生成：
css**
@font-face
一些其他的屬性，比如background-image、border-radius、font、@font-face,text-outline、text-shadow等額外的選項，可以通過「+」符號來生成，比如輸入@f+，將生成：
css**
@font-face
3. 模糊匹配
如果有些縮寫你拿不準，emmet會根據你的輸入內容匹配最接近的語法，比如輸入ov:h、ov-h、ovh和oh，生成的**是相同的：
css**
overflow: hidden;
四、定製
你還可以定製emmet外掛程式：
五、針對不同編輯器的外掛程式
新建乙個快應用
1.安裝環境 node.js 版本需在6.0以上 2.開啟cmd 或者控制台 安裝hap toolkit npm install g hap toolkit 3.hap init projectname 增加編譯支援 可以先不打 hap update force cd projectname npm...
最後乙個暑假快結束了
最後乙個暑假沒能回家，留在所裡學習，短短的20天馬上就要結束了，陸陸續續多了一些熟悉的面孔。新生也要從中科大過來了，就像去年的我們一樣，時間過的真快，一年轉眼就過去了 這幾天複習了一下 計算機網路 第五版，謝希仁老爺子的，感覺比第四版條理清晰多了，不過路由這一塊好像還是沒有講透徹。不管了，先看一遍再...
第乙個快應用 quickapp demo
簡介 環境搭建 window平台 安裝nodejs 官網 安裝hap toolkit 開啟cmd npm install g hap toolkit 安裝完成輸入命令 hap v 正確輸出版本資訊說明安裝成功。例如 0.0.26 二 初始化專案 1.執行以下命令初始化專案 hap init 你的專案...