sublime?

Tags: 外掛, 語音,

sublime text 2 emmet外掛使用和配置

工具/原料

電腦

sublime text 2

方法/步驟

生成一個html空模版檔案。html:xt->tab(圖1)。注:要把檔案型別更改成html,點選右下角的列表更改(圖2-圖3)

sublime text 2 emmet外掛使用和配置

sublime text 2 emmet外掛使用和配置

sublime text 2 emmet外掛使用和配置

生成多個元素,例如10個div:div*10->tab

sublime text 2 emmet外掛使用和配置

生成子元素,例:div->ul->li->a->img 寫法div>ul>li>a>img

sublime text 2 emmet外掛使用和配置

生成同級別元素,例:div->ul+div 寫法 div>ul+div

sublime text 2 emmet外掛使用和配置

生成向上層元素,例:div->ul->上一層新增一個ul 寫法div>ul^ul

sublime text 2 emmet外掛使用和配置

生成帶id或class元素,id寫法 #id名 (圖1),class寫法 .class名。(圖2)

sublime text 2 emmet外掛使用和配置

sublime text 2 emmet外掛使用和配置

配置方法

開啟外掛安裝位置,開啟方法看圖:

sublime text 2 emmet外掛使用和配置

找到emmet外掛目錄

sublime text 2 emmet外掛使用和配置

開啟emmet目錄後,在emmet目錄下還有一個emmet目錄開啟它

sublime text 2 emmet外掛使用和配置

找到snippets.json開啟它

sublime text 2 emmet外掛使用和配置

開啟snippets.json後你會看到它是一個json檔案。這時就可以更改它鍵,以便自己使用,當然也可以新增 例如在html中新增 key1=

sublime text 2 emmet外掛使用和配置

重啟測試

sublime text 2 emmet外掛使用和配置

外掛, 語音,
相關問題答案