工具/材料

Sublime Text

操作方法

• 01

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

  
• 02

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

  
• 03

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

  
• 04

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

  
• 05

  在輸入框中輸入emmet，然后選擇第一個，工具會自動的安裝上

  
• 06

  安裝好以后我們再回到CSS文件中，這個時候我們輸入p20并按下tab鍵，你會發(fā)現(xiàn)生成了padding:20px

  
• 07

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

  
• 08

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