工具/材料

Sublime Text

操作方法

• 01

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

  
• 02

  然后在html文檔中我們輸入html并按下tab鍵，你會發現工具自動補全了html結構

  
• 03

  接下來在看看CSS中系統自動補全的一些功能，如下圖所示，我們輸入bg，工具就會自動彈出相關的內容

  
• 04

  以上都是系統默認自帶的補全功能，下面要介紹的是插件補全的方式，首先打開命令行模式，輸入install，進入插件安裝模式，如下圖所示

  
• 05

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

  
• 06

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

  
• 07

  在HTML中我們輸入.nav并按下tab鍵，你會發現生成了一個帶class的p結構，如下圖所示

  
• 08

  最后，如果想移除某個標簽，也可以運用command和單引號的組合鍵進行，如下圖所示