當前位置:妙知谷 >

遊戲數碼 >IT技術 >

Sublime Text如何進行代碼補全

Sublime Text如何進行代碼補全

工具/材料

Sublime Text

操作方法

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

Sublime Text如何進行代碼補全

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

Sublime Text如何進行代碼補全 第2張

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

Sublime Text如何進行代碼補全 第3張

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

Sublime Text如何進行代碼補全 第4張

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

Sublime Text如何進行代碼補全 第5張

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

Sublime Text如何進行代碼補全 第6張

在HTML中我們輸入並按下tab鍵,你會發現生成了一個帶class的div結構,如下圖所示

Sublime Text如何進行代碼補全 第7張

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

Sublime Text如何進行代碼補全 第8張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/06qkj.html