工具/材料

Sublime Text

操作方法

• 01

  首先我們新建一個(gè)空白的文檔，然后打開(kāi)命令模式，輸入html，將純文本文檔切換為html文檔，如下圖所示

  
• 02

  然后在html文檔中我們輸入html并按下tab鍵，你會(huì)發(fā)現(xiàn)工具自動(dòng)補(bǔ)全了html結(jié)構(gòu)

  
• 03

  接下來(lái)在看看CSS中系統(tǒng)自動(dòng)補(bǔ)全的一些功能，如下圖所示，我們輸入bg，工具就會(huì)自動(dòng)彈出相關(guān)的內(nèi)容

  
• 04

  以上都是系統(tǒng)默認(rèn)自帶的補(bǔ)全功能，下面要介紹的是插件補(bǔ)全的方式，首先打開(kāi)命令行模式，輸入install，進(jìn)入插件安裝模式，如下圖所示

  
• 05

  在輸入框中輸入emmet，然后選擇第一個(gè)，工具會(huì)自動(dòng)的安裝上

  
• 06

  安裝好以后我們?cè)倩氐紺SS文件中，這個(gè)時(shí)候我們輸入p20并按下tab鍵，你會(huì)發(fā)現(xiàn)生成了padding:20px

  
• 07

  在HTML中我們輸入.nav并按下tab鍵，你會(huì)發(fā)現(xiàn)生成了一個(gè)帶class的p結(jié)構(gòu)，如下圖所示

  
• 08

  最后，如果想移除某個(gè)標(biāo)簽，也可以運(yùn)用command和單引號(hào)的組合鍵進(jìn)行，如下圖所示