工具/材料
Sublime Text
操作方法
首先我們新建一個空白的文檔,然後打開命令模式,輸入html,將純文本文檔切換爲html文檔,如下圖所示
然後在html文檔中我們輸入html並按下tab鍵,你會發現工具自動補全了html結構
接下來在看看CSS中系統自動補全的一些功能,如下圖所示,我們輸入bg,工具就會自動彈出相關的內容
以上都是系統默認自帶的補全功能,下面要介紹的是插件補全的方式,首先打開命令行模式,輸入install,進入插件安裝模式,如下圖所示
在輸入框中輸入emmet,然後選擇第一個,工具會自動的安裝上
安裝好以後我們再回到CSS文件中,這個時候我們輸入p20並按下tab鍵,你會發現生成了padding:20px
在HTML中我們輸入並按下tab鍵,你會發現生成了一個帶class的div結構,如下圖所示
最後,如果想移除某個標籤,也可以運用command和單引號的組合鍵進行,如下圖所示